箭头函数是ES6引入的简洁函数语法,1. 省略function关键字,用=>定义,单参数可省括号,单行表达式可省return;2. 无独立this,继承外层作用域this,适合回调避免绑定问题;3. 不绑定arguments,需用...args获取参数;4. 不能作为构造函数,不可new调用;5. 无prototype属性和super支持。

ES6 引入了箭头函数(Arrow Function),为 JavaScript 提供了一种更简洁的函数书写方式。它不仅在语法上有所简化,还在 this 指向、arguments、原型对象 等方面与传统函数有本质区别。
1. 语法更简洁
箭头函数省略了 function 关键字,使用 => 符号定义,参数和返回值的写法更加紧凑。
示例:- 传统函数:
function(x) { return x * 2; } - 箭头函数:
x => x * 2
当只有一个参数时可省略括号,无参数或多个参数需加 ();单行表达式可省略大括号和 return。
2. this 指向不同
这是最核心的区别。传统函数有自己的 this 上下文,由调用方式决定;而箭头函数没有自己的 this,它会继承外层作用域的 this 值。
立即学习“Java免费学习笔记(深入)”;
- 在对象方法中使用传统函数,this 指向调用该方法的对象。
- 在对象中使用箭头函数作为方法,this 指向外层作用域(通常是全局或 undefined)。
这使得箭头函数特别适合用于回调函数,避免了 bind 或保存 this 的常见问题。
3. 不绑定 arguments 对象
传统函数内部可以访问 arguments 类数组对象,获取所有传入参数。箭头函数不绑定 arguments,访问它会引用外层函数的 arguments。
- 若需获取参数,推荐使用 ES6 的剩余参数(...args)。
- 例如:
const fn = (...args) => args[0];
4. 不能用作构造函数
箭头函数不能被 new 调用,因为它没有 [[Construct]] 方法,也不会创建 prototype 属性。
- 尝试用 new 调用箭头函数会抛出错误。
- 传统函数可以作为构造函数创建实例。
5. 没有 prototype 和 super
箭头函数没有 prototype 属性,也不支持 super 关键字(尽管可在类中定义箭头函数,但它仍不会访问类的 super)。
基本上就这些。箭头函数不是对传统函数的完全替代,而是提供了一种更适合特定场景的写法。理解它们之间的区别,有助于写出更清晰、更安全的代码。尤其注意 this 的行为差异,避免误用。











