JS箭头函数怎么用？与普通函数区别详解

箭头函数是ES6引入的轻量级函数语法，以更简洁的书写方式（省略function关键字和return语句）大幅提升代码可读性与开发效率；它不绑定自身的this、arguments、super和new.target，而是继承外层作用域的上下文，因此天然规避了传统回调中常见的this丢失问题，特别适合事件处理、定时器及数组高阶函数等场景；但正因其无prototype、无arguments对象且不支持yield，箭头函数不能作为构造函数或生成器使用——理解这些核心差异，能帮你写出更安全、更现代的JavaScript代码。

箭头函数是 ES6 引入的一种简洁的函数书写方式，它没有自己的 this、arguments、super 或 new.target，行为更轻量，也更适用于某些场景。

语法更简洁

箭头函数省略了 function 关键字和 return（单表达式时自动返回），写起来更紧凑：

普通函数：

const add = function(a, b) { return a + b; };

箭头函数：

const add = (a, b) => a + b;

参数只有一个时可省括号，函数体只有一条语句时可省大括号和 return。

this 绑定方式不同

普通函数的 this 取决于调用方式（如方法调用、call/apply、构造调用等），而箭头函数不绑定自己的 this，它会继承外层作用域的 this 值。

• 在对象方法中使用箭头函数，this 不指向该对象，而是指向定义时所在上下文（通常是全局或外层函数）
• 适合用在回调中避免 this 丢失，比如事件监听、setTimeout、数组方法（map、filter）里

不能作为构造函数

箭头函数没有 prototype，也不能用 new 调用，否则会报错：

const Person = () => {};
new Person(); // TypeError: Person is not a constructor

而普通函数默认有 prototype，可被用作构造函数。

没有 arguments 对象

箭头函数内部访问不到 arguments，但可以用剩余参数（...args）替代：

const log = () => console.log(arguments); // ReferenceError
const log = (...args) => console.log(args); // ✅ 正确写法

同样，它也不支持 yield，因此不能用作生成器函数。

理论要掌握，实操不能落！以上关于《JS箭头函数怎么用？与普通函数区别详解》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！