ES6箭头函数 vs 传统函数区别解析

ES6箭头函数以更简洁的语法和继承外层this的特性，成为编写回调和保持上下文的理想选择；而传统函数则拥有独立的this、arguments对象、prototype属性及构造能力，更适合定义方法、创建实例或处理复杂参数逻辑——掌握二者在语法、this绑定、参数访问、构造功能等核心维度的本质区别，能帮你写出更健壮、可维护且符合语义的JavaScript代码。

箭头函数是ES6引入的一种更简洁的函数书写方式，它与传统函数在语法、this指向、使用场景等方面存在显著差异。理解这些区别有助于写出更清晰、不易出错的JavaScript代码。

1. 语法上的简洁性

箭头函数最大的特点是语法更简洁，适合写简单的回调函数。

传统函数写法：

箭头函数写法：

当参数只有一个时，括号可省略：

无参数时需写空括号：

2. this 指向的不同

这是箭头函数和传统函数最核心的区别。

传统函数有自己的 this 上下文，它的值取决于函数如何被调用。而箭头函数没有自己的this，它会继承外层作用域的 this 值。

示例：在对象方法中使用 setTimeout

上面例子中，内部函数的 this 不指向 user。解决办法之一是缓存 this：

使用箭头函数则更自然：

因为箭头函数的 this 继承自 sayHi 方法的执行上下文。

3. 不绑定 arguments 对象

传统函数内可以使用 arguments 类数组对象获取所有传入参数。

箭头函数中访问 arguments 会报错或引用外层的 arguments（如果存在）。

正确做法是使用 ES6 的剩余参数（...args）：

4. 不能作为构造函数

箭头函数不能用 new 调用，因为它没有 [[Construct]] 方法。

传统函数可以正常用于构造对象：

5. 没有 prototype 属性

由于箭头函数不能作为构造器，它也没有 prototype 属性。

传统函数则有：

基本上就这些关键区别。箭头函数适合写简单逻辑、回调函数，尤其是需要保持 this 上下文的场景；传统函数更适合定义方法、构造函数或需要 arguments 的复杂逻辑。根据实际需求选择即可。不复杂但容易忽略。

本篇关于《ES6箭头函数 vs 传统函数区别解析》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！