函数声明与函数表达式有什么区别？

在 JavaScript 中，函数声明和函数表达式都是创建函数的方式，但它们之间有一些关键的区别：

1. 语法 (Syntax):

• 函数声明 (Function Declaration):

  function myFunction(param1, param2) {
      // 函数体
  }
  

• 函数表达式 (Function Expression):

  const myFunction = function(param1, param2) {
      // 函数体
  }; // 注意这里有分号
  
  // 也可以使用箭头函数形式:
  const myFunction = (param1, param2) => {
      // 函数体
  };
  

2. 提升 (Hoisting):

• 函数声明: 会被“提升”到作用域的顶部。这意味着你可以在声明函数 之前 调用它。

  myFunction(); // 可以调用，即使函数声明在后面
  
  function myFunction() {
      console.log("Hello");
  }
  

• 函数表达式: 不会被提升。你必须在声明函数表达式 之后 才能调用它。

  myFunction(); //  报错！ Cannot access 'myFunction' before initialization
  
  const myFunction = function() {
      console.log("Hello");
  };
  

3. 命名函数表达式:

函数表达式可以是命名的，也可以是匿名的。

• 匿名函数表达式: 如上面的例子，函数没有名字。

• 命名函数表达式: 函数表达式可以有一个名字，这在递归或调试时很有用。 这个名字只在函数内部作用域可见。

  const factorial = function fact(n) { // fact 是函数名，仅在函数内部作用域可见
      return n <= 1 ? 1 : n * fact(n - 1);
  };
  

4. 使用场景:

• 函数声明: 通常用于定义独立的、可复用的函数。由于提升的特性，它们更适合在代码的顶部声明，以便在任何地方调用。

• 函数表达式: 更灵活，常用于将函数作为参数传递给其他函数（回调函数）、创建闭包、以及在需要函数的地方直接定义函数。

总结:

特性	函数声明	函数表达式
语法	function name() {}	const name = function() {}; 或 const name = () => {};
提升	会被提升	不会被提升
命名	必须命名	可以匿名或命名（命名仅在函数内部作用域可见）
使用场景	独立的、可复用的函数	回调函数、闭包、需要函数的地方直接定义

希望这个解释能够帮助你理解函数声明和函数表达式之间的区别。