为什么要使用箭头函数而不是普通函数 - Javascript

Javascript中的箭头函数是ES6引入的新特性，与普通函数相比，它们具有一些优势，因此被广泛使用。本文将解释箭头函数的优势及其用法。

1. 代码更简洁

箭头函数可以将一个函数缩减为单个表达式。这消除了大括号、return关键字和分号。例如：

// 普通函数
function double(x) {
  return x * 2;
}

// 箭头函数
const double = x => x * 2;

2. 没有this指向问题

箭头函数没有自己的this，它们继承父级作用域的this。这个行为不同于普通函数，普通函数中的this指向调用它的对象。在某些情况下，这可能导致错误。例如：

// 普通函数
const myObj = {
  name: 'Alice',
  sayName: function() {
    console.log(this.name);
  }
};

// this指向错误
setTimeout(myObj.sayName, 1000); // undefined

// 箭头函数
const myObj = {
  name: 'Alice',
  sayName: () => {
    console.log(this.name);
  }
};

// this指向正确
setTimeout(myObj.sayName, 1000); // Alice

3. 更容易推导

函数式编程重视函数的纯洁性。如果一个函数没有副作用或引用外部变量，就称它为纯函数。纯函数更容易推导，因为它们具有相同的输入和相同的输出。箭头函数更容易实现纯函数，因为它们没有副作用和this指向问题。

4. 更紧凑

如果您需要创建一个立即调用的函数，您可以使用箭头函数来使代码更紧凑。例如：

// 普通函数
(function() {
  console.log('Hello world');
})();

// 箭头函数
(() => console.log('Hello world'))();

总结

箭头函数具有使代码更简洁、消除this指向问题、更容易推导和更紧凑的优势。它们是JavaScript编程中非常有用的工具，您应该尝试将它们添加到自己的代码库中。