在 javascript 中，函数是该语言的基本构建块，允许开发人员定义可重用的代码块。 javascript 中两种主要的函数类型是普通函数和箭头函数。虽然它们乍一看似乎很相似，但它们在语法、行为和用例方面有明显的差异。本文将逐步深入探讨这些差异，提供详细的示例并涵盖所有场景，帮助您有效掌握普通函数和箭头函数之间的细微差别。
普通函数与箭头函数：探索分歧
语法
javascript 中的普通函数是使用 function 关键字定义的，后跟函数名称、参数（如果有）以及大括号内的函数体。这是一个例子：
function add(a, b) {
return a + b;
}
另一方面，箭头函数提供了 es6 中引入的更简洁的语法。它们使用箭头 (=>) 表示法，并省略 function 关键字和单行函数的大括号。例如：
const add = (a, b) => a + b;
词汇这个绑定
普通函数和箭头函数之间最显着的区别之一是它们如何处理 this 关键字。在普通函数中，this 的值由函数的调用方式决定。相反，箭头函数不会绑定自己的 this ，而是从封闭范围继承它。让我们用一个例子来说明这一点：
const person = {
name: 'john',
sayhello: function() {
console.log(`hello, ${this.name}!`);
}
};
person.sayhello(); // output: hello, john!
const personarrow = {
name: 'jane',
sayhello: () => {
console.log(`hello, ${this.name}!`);
}
};
personarrow.sayhello(); // output: hello, undefined!
在上面的示例中，person.sayhello() 正确记录了“hello, john!”因为 this 指的是 personobject。然而，personarrow.sayhello() 记录“hello, undefined!”因为箭头函数没有自己的this绑定，导致它从未定义name的全局范围继承this值。
参数对象
另一个区别在于arguments 对象。普通函数可以访问argumentsobject，它是一个类似数组的对象，包含传递给函数的所有参数。然而，箭头函数没有自己的arguments对象。让我们用 e 来说明这一点
xample:
function sum() {
let total = 0;
for (let i = 0; i < arguments.length; i++) {
total += arguments[i];
}
return total;
}
console.log(sum(1, 2, 3)); // output: 6
const sumarrow = () => {
let total = 0;
for (let i = 0; i < arguments.length; i++) {
total += arguments[i];
}
return total;
}
console.log(sumarrow(1, 2, 3)); // output: uncaught referenceerror: arguments is not defined
在上面的示例中，sum() 使用argumentsobject 正确计算了传递给它的所有参数的总和。但是，sumarrow() 会抛出 referenceerror，因为箭头函数无法访问参数。新
关键字
普通函数可以用作带有 new 关键字的构造函数来创建对象的新实例。但是，箭头函数不能用作构造函数。将箭头函数与 new 一起使用将导致类型错误。这是一个例子：
function Person(name) {
this.name = name;
}
const john = new Person('John');
console.log(john.name); // Output: John
const PersonArrow = (name) => {
this.name = name;
}
const jane = new PersonArrow('Jane'); // TypeError: PersonArrow is not a constructor
常见问题解答部分
问：什么时候应该使用普通函数而不是箭头函数？
答：当需要访问 this 关键字、参数对象或定义构造函数时，请使用普通函数。箭头函数更适合简洁的单行语句或当您想要维护词法作用域时。
问：箭头函数可以有名字吗？
答：不可以，箭头函数不能有名称。他们默认是匿名的。
问：箭头函数比普通函数快吗？
答：箭头函数和普通函数没有显着的性能差异。它们之间的选择应该基于它们的具体用例和可读性。
问：我可以在对象方法中使用箭头函数吗？
a: 是的，箭头函数可以在对象方法中使用，但是要小心，因为它们没有绑定自己的 this，这可能会导致意外的行为。
结论
总之，虽然普通函数和箭头函数都用于在 javascript 中定义函数，但它们在语法、行为和用例方面有所不同。理解这些差异对于编写干净、高效且无错误的代码至关重要。通过考虑本文中概述的场景，您可以就何时在 javascript 项目中使用每种类型的函数做出明智的决定。
