函数声明与箭头函数的抉择：JavaScript 中的取舍

2024-01-15 18:47:54

在 JavaScript 的世界中，函数声明和箭头函数之间的争论已经持续了数年之久。起初，箭头函数被吹捧为解决许多问题的灵丹妙药，但随着时间的推移，我们逐渐了解了它们的局限性。本文旨在深入探讨这两种函数类型之间的差异，以便开发人员能够对何时使用哪种类型做出明智的决定。

语法

函数声明使用传统的 function ，而箭头函数使用简洁的 => 箭头符号。箭头函数的简洁语法使其在许多情况下成为更受欢迎的选择。

// 函数声明
function addNumbers(a, b) {
  return a + b;
}

// 箭头函数
const addNumbers = (a, b) => a + b;

作用域

作用域是决定使用哪种函数类型时的重要考虑因素。函数声明创建自己的作用域，而箭头函数则继承其周围作用域。这意味着箭头函数无法访问函数声明中的变量，除非它们明确声明为全局变量。

// 函数声明
function outer() {
  const a = 1;
  
  function inner() {
    console.log(a); // 1
  }
  
  inner();
}

// 箭头函数
const outer = () => {
  const a = 1;
  
  const inner = () => {
    console.log(a); // ReferenceError: a is not defined
  }
  
  inner();
}