明确区分：函数表达式与函数声明，化繁为简学函数

2023-09-10 17:45:38

在JavaScript中，函数表达式和函数声明都是定义函数的有效方法。虽然它们具有相似之处，但两者之间存在着一些关键差异。通过深入探索这些差异，您可以充分掌握JavaScript函数的定义和使用，从而编写更加灵活和高效的代码。

函数声明

函数声明是最传统也是最简单的方式来定义一个函数。它使用function后接函数名、参数列表和代码块。函数声明可以出现在任何地方，包括全局作用域和代码块中。

function greet(name) {
  console.log("Hello, " + name + "!");
}

函数表达式

函数表达式是一种匿名函数，可以使用function关键字或箭头函数语法来定义。函数表达式通常被赋值给一个变量或作为另一个函数的参数。函数表达式只能在代码块中定义。

const greet = function(name) {
  console.log("Hello, " + name + "!");
};

主要区别

1. 定义方式

函数声明使用function关键字后接函数名、参数列表和代码块来定义函数，而函数表达式可以使用function关键字或箭头函数语法来定义函数。

2. 变量作用域

函数声明在定义时就会创建变量，因此函数声明中的变量可以在函数内部和函数外部访问。函数表达式在运行时创建变量，因此函数表达式中的变量只能在函数内部访问。

3. 提升

函数声明会被提升到代码块的顶部，而函数表达式不会。这意味着函数声明可以在其被定义之前被调用，而函数表达式只能在其被定义之后被调用。

如何选择

在选择使用函数声明还是函数表达式时，需要考虑以下因素：

1. 函数的作用域

如果需要在函数内部和函数外部访问变量，则应使用函数声明。如果只需要在函数内部访问变量，则可以使用函数表达式。

2. 函数的提升

如果需要在函数被定义之前调用函数，则应使用函数声明。如果不需要在函数被定义之前调用函数，则可以使用函数表达式。

3. 代码的可读性

函数声明通常比函数表达式更易于阅读，因为它们更符合传统的编程风格。然而，函数表达式有时可以使代码更加简洁和紧凑。

闭包

闭包是指一个函数及其词法环境的组合。词法环境是指在函数定义时创建的变量和函数的作用域。闭包允许函数访问其定义作用域中的变量，即使函数已经离开了该作用域。

function outerFunction() {
  const outerVariable = "I am an outer variable";

  function innerFunction() {
    console.log(outerVariable);
  }

  return innerFunction;
}

const innerFunction = outerFunction();

innerFunction(); // I am an outer variable