箭头函数是ES6引入的简写语法,无this/arguments/super/new.target,不能作构造函数,this静态绑定,不支持arguments需用...args替代,语法简洁但隐式返回有限制。

箭头函数是 ES6 引入的简写函数语法,核心特点是没有自己的 this、arguments、super 或 new.target,且不能用作构造函数。它和普通函数在行为上存在几处关键差异,直接影响代码逻辑和使用场景。
this 绑定方式不同
普通函数的 this 由调用时的上下文决定(运行时绑定),而箭头函数的 this 指向定义时所在词法作用域的 this(静态绑定)。
- 普通函数中,
this可能随调用方式变化(如被对象方法、事件监听器或call/apply调用而改变) - 箭头函数会“继承”外层函数的
this,适合用在回调、定时器或事件处理中避免this丢失 - 例如:
obj.method = () => console.log(this)中的this不是obj,而是定义时外层作用域的this
不能作为构造函数使用
箭头函数没有 prototype 属性,也不支持 new 关键字调用。
- 尝试
new (() => {})会直接抛出TypeError - 普通函数默认有
prototype,可被实例化;箭头函数只用于逻辑执行,不参与面向对象的实例创建
没有 arguments 对象
箭头函数内部无法访问 arguments,但可以使用剩余参数(...args)替代。
立即学习“Java免费学习笔记(深入)”;
- 普通函数中,
arguments是类数组对象,包含所有实参 - 箭头函数中访问
arguments会报错(ReferenceError),应改用...args获取参数列表 - 同理,也没有
super和new.target
语法更简洁,但隐式返回有限制
单参数、单表达式时可省略括号和 return 关键字,但一旦需要多语句或显式返回对象字面量,就得加括号和花括号。
-
x => x * 2等价于function(x) { return x * 2; } -
() => ({ a: 1 })必须加小括号,否则大括号会被解析为函数体而非对象字面量 - 含多行逻辑必须用
{}包裹,并手动写return
基本上就这些。选箭头函数还是普通函数,关键看是否需要独立的 this、是否要当构造函数、是否依赖 arguments —— 不是越短越好,而是按需而用。











