17370845950

箭头函数不能被普通函数完全替代，核心差异在于this绑定、arguments、new调用和原型。它无this、无arguments、不可new、无prototype，适用于避免this丢失等场景，但无法用于构造实例或需super/new.target的场合。

箭头函数不能被普通函数完全替代，核心差异在于 this 绑定、arguments、new 调用和原型 这四点。普通函数更“全能”，但箭头函数在特定场景下更简洁、更安全。

1. 箭头函数没有自己的 this，始终继承外层作用域的 this

这是最本质的区别。箭头函数不绑定自己的 this，而是沿作用域链向上查找，因此不会被 call、apply、bind 改变，也不会因调用方式不同而改变。

常见场景如事件回调、定时器、Promise 链中避免 this 丢失：

• ✅ 推荐用箭头函数：防止 setTimeout 中 this 指向 window 或 undefined（严格模式）
• ❌ 普通函数需手动 bind(this) 或用变量缓存 this（如 const self = this）

2. 箭头函数没有 arguments 对象，也不支持 rest 参数以外的参数访问

箭头函数体内访问 arguments 会报错（ReferenceError），它只能通过 ...rest 获取参数：

const fn = () => console.log(arguments); // ReferenceError

const fn = (...args) => console.log(args);

如果需要兼容老旧写法（如类数组操作、动态参数处理），必须用普通函数。

3. 箭头函数不能作为构造函数，没有 prototype，不可 new 调用

试图 new 一个箭头函数会直接抛出 TypeError：

const Person = (name) => { this.name = name; };
new Person('Alice'); // TypeError: Person is not a constructor

所有需要实例化、依赖原型链（如继承、instanceof 判断）的场景，只能用普通函数（或 class）。

4. 箭头函数没有 super、new.target，也不能用 yield（不能做 Generator）

这些限制让它无法用于：

• 类方法中需要访问父类方法（super）
• 需要判断是否被 new 调用（new.target）
• 需要暂停执行的异步流程控制（Generator 函数）

这些能力普通函数都具备（class 方法本质也是普通函数）。

不复杂但容易忽略：箭头函数是语法糖，不是功能增强；它的价值在于明确表达“不改 this”“不造实例”的意图，让代码意图更清晰、bug 更少。该用箭头时用，该用普通函数时别硬套。