函数声明与函数表达式的异同，你掌握了吗？

函数是 JavaScript 的基本构建块之一。它们允许我们将代码块分组在一起，以便可以根据需要重复使用它们。函数还可以接收参数，这允许我们向函数传递数据并根据这些数据执行不同的操作。

在 JavaScript 中，有两种创建函数的方法：函数声明和函数表达式。函数声明使用function来声明函数，而函数表达式使用箭头函数语法或function关键字来声明函数。

函数声明

函数声明的语法如下：

function functionName(parameters) {
  // 函数体
}

例如，以下代码声明了一个名为add的函数，该函数接受两个参数a和b，并返回它们的和：

function add(a, b) {
  return a + b;
}

函数声明可以出现在程序的任何位置，但通常将它们放在程序的开头。这是因为函数声明在程序中提升，这意味着它们可以在声明之前使用。

函数表达式

函数表达式的语法如下：

const functionName = (parameters) => {
  // 函数体
};

例如，以下代码声明了一个名为add的函数，该函数接受两个参数a和b，并返回它们的和：

const add = (a, b) => {
  return a + b;
};

函数表达式不能提升，这意味着它们只能在声明之后使用。

函数声明与函数表达式的比较

下表比较了函数声明和函数表达式的不同之处：

特性	函数声明	函数表达式
语法	function functionName(parameters) { // 函数体 }	const functionName = (parameters) => { // 函数体 };
提升	是	否
作用域	全局或块级	块级
this	指向函数所在的对象	指向定义函数的作用域

何时使用函数声明和函数表达式

函数声明和函数表达式都可以在 JavaScript 中用于创建函数。但是，在某些情况下使用一种函数类型比使用另一种函数类型更好。

一般来说，函数声明更适合用于创建全局函数或块级函数，而函数表达式更适合用于创建匿名函数或回调函数。

函数声明

函数声明更适合用于创建全局函数或块级函数的原因有以下几点：

• 函数声明可以提升，这意味着它们可以在声明之前使用。
• 函数声明的作用域是全局或块级，这意味着它们可以在函数所在的作用域的任何地方使用。
• 函数声明中的this关键字指向函数所在的对象。

函数表达式

函数表达式更适合用于创建匿名函数或回调函数的原因有以下几点：

• 函数表达式不能提升，这意味着它们只能在声明之后使用。
• 函数表达式的作用域是块级，这意味着它们只能在函数所在的作用域内使用。
• 函数表达式中的this关键字指向定义函数的作用域。

结论

函数声明和函数表达式都是创建 JavaScript 函数的有效方法。但是，在某些情况下使用一种函数类型比使用另一种函数类型更好。通过了解函数声明和函数表达式的不同之处，您可以做出明智的决定，选择最适合您需求的函数类型。