javascript箭头函数是什么_与普通函数有何不同【教程】

箭头函数不是语法糖，它没有自己的this、arguments、super、new.target，不能作为构造函数，不绑定this（继承外层词法作用域），无prototype，无arguments对象，返回对象需加括号，类字段中使用会导致this脱离实例上下文。

箭头函数不是普通函数的语法糖，它没有自己的 this、arguments、super 或 new.target，也不能用作构造函数——这是最根本的区别，不是“写法更短”那么简单。

箭头函数没有独立的 this 绑定

普通函数的 this 取决于调用方式（如 obj.method() 中 this 指向 obj），而箭头函数的 this 始终继承自外层词法作用域：

• 在对象方法中直接使用箭头函数，this 不会指向该对象，而是指向定义时的外层上下文（通常是全局或模块顶层）
• 无法通过 .call()、.apply() 或 .bind() 改变箭头函数的 this
• 事件回调里若需访问触发元素，写成 event => { ... } 是安全的；但若写成 () => { this.xxx } 且期望 this 是 dom 元素，则一定出错

箭头函数不能用 new 调用

因为箭头函数没有 [[Construct]] 内部方法，也没有原型对象：

• 执行 new (() => {}) 会抛出 TypeError: xxx is not a constructor
• 没有 prototype 属性：(() => {}).prototype 是 undefined
• 想封装可实例化的逻辑，必须用 function 声明或 class，不能用箭头函数替代

箭头函数没有 arguments 对象

普通函数体内可直接访问 arguments 类数组，箭头函数里访问到的是外层函数的 arguments（如果存在），否则是 ReferenceError：

立即学习“Java免费学习笔记（深入）”；

• 需要类数组参数时，优先用剩余参数 (...args) => {...}，它更明确、也兼容严格模式
• 在递归场景（如简单阶乘）中误用箭头函数，会因拿不到 arguments.callee（已废弃）或无法正确引用自身而出错
• 与 setTimeout 等异步回调嵌套时，若依赖 arguments[0] 传参，换成箭头函数后可能意外读到上层的 arguments

返回值隐式简写有陷阱

当箭头函数体只有一条表达式且省略大括号时，会自动返回该表达式的值；但若想返回对象字面量，必须加小括号：

• x => { foo: x } 实际返回 undefined（因为花括号被解析为代码块，不是对象）
• 正确写法是 x => ({ foo: x })，否则对象字面量不生效
• 返回空对象？() => ({}) —— 少了括号就变成 () => {}（空代码块，返回 undefined）

真正容易被忽略的，是箭头函数在类字段中声明方法时对 this 的静默捕获：它让方法脱离实例上下文，导致绑定失效或测试难模拟。别只盯着“写起来短”，先看清楚你是否真的需要那个词法 this。