箭头函数不是语法糖，它没有自己的this、arguments、super、new.target，不能作为构造函数，this绑定定义时外层作用域，无法通过call/apply/bind修改，不支持yield和arguments对象，必须用剩余参数替代，返回对象需加小括号。
箭头函数不是普通函数的语法糖，它没有自己的 this、arguments、super 或 new.target，也不能用作构造函数——这是最常被忽略的本质区别。
箭头函数的 this 永远绑定定义时的外层作用域
普通函数的 this 取决于调用方式（如 obj.fn() 中 this 是 obj），而箭头函数的 this 在声明时就固定了，无法通过 .call()、.apply() 或 .bind() 修改。
常见错误现象：
- 在事件回调或定时器中用箭头函数试图访问实例属性，结果
this指向外层（比如全局或模块顶层） - 把箭头函数赋给对象方法，误以为
this会指向该对象
const obj = {
name: 'Alice',
regularFn() {
console.log(this.name); // 'Alice'
},
arrowFn: () => {
console.log(this.name); // undefined（this 指向外层作用域，非 obj）
}
};箭头函数不能用 new 调用，也没有 prototype
因为箭头函数没有 [[Construct]] 内部方法，尝试 new (() => {}) 会直接抛出 TypeError: xxx is not a constructor。
立即学习“Java免费学习笔记（深入）”；
使用场景判断：
- 需要创建实例对象？必须用普通函数（或 class）
- 只是封装一段逻辑用于回调？箭头函数更安全（避免
this混乱） - 要给函数挂载静态属性或方法？普通函数才有
prototype
箭头函数没有 arguments 对象，也不支持 yield
在箭头函数内部访问 arguments，实际读取的是外层普通函数的 arguments；如果外层也没有，就报 ReferenceError。ES6 推荐用剩余参数 ...args 替代。
另外，箭头函数不能用作 Generator 函数——它不支持 function* 语法，也不允许内部出现 yield 表达式。
function outer() {
const arrow = () => console.log(arguments[0]); // 这里的 arguments 是 outer 的
arrow('hello'); // 输出 'hello'
}
<p>// 错误写法：箭头函数里不能 yield
// const badGen = () => { yield 1; }; // SyntaxError简写语法带来的隐式返回陷阱
单参数 + 单表达式可省略括号和 return，但一旦加了花括号 {}，就必须显式写 return，否则返回 undefined。
容易踩的坑：
-
x => { x * 2 }不返回值，等价于x => { x * 2; return undefined; } - 想返回对象字面量？必须加小括号：
x => ({ id: x })，否则会被解析为代码块 - 嵌套箭头函数时，括号易漏，导致逻辑意外中断
// 正确：返回对象
const makeObj = x => ({ value: x });
<p>// 错误：{ value: x } 被当成了语句块，无返回
const broken = x => { value: x }; // 返回 undefined真正要注意的不是语法多简洁，而是「哪些动态行为被彻底拿掉了」——this 绑定不可变、不能构造、没有 arguments，这些限制决定了它只适合特定角色：纯计算、回调、闭包内逻辑封装。混用或强行替代普通函数，迟早掉进隐性陷阱里。
