一文读懂函数声明和函数表达式

🌈函数声明（Function Declaration）:

函数声明是将函数定义为整个代码块的声明，具有以下几个特点：

使用关键字“function”定义；
必须提供函数名称；
函数声明会被提升（hoisted）到所在作用域的顶部。
示例🌟:

function add(x, y) {
  return x + y;
}

🔮函数表达式（Function Expression）：

函数表达式使用表达式创建一个匿名函数，具有以下几个特点：

使用关键字 “function” 定义，无需提供函数名称；
通常将函数表达式赋值给一个变量；
函数表达式形式相对灵活，可作为参数传递给其他函数；
函数表达式不会被提升（hoisted）。
示例🌟：

const add = function(x, y) {
  return x + y;
}

😆函数声明与函数表达式的区别：

• 提升（hoisting）：函数声明会被提升到代码所在作用域的顶部，而函数表达式不会。这意味着在声明之前调用函数声明是有效的，但调用函数表达式则会报错；
• 命名：函数声明需要一个函数名，而函数表达式不需要；
• 作为参数传递：函数表达式可以作为参数传递给其他函数，而函数声明不适合直接传递。
  演示函数提升的示例代码🌟：

add(1, 2); // 结果为3，这里不会报错
function add(x, y) {
  return x + y;
}

sub(1, 2); // 报错：TypeError: sub is not a function
const sub = function (x, y) {
  return x - y;
};

🎈函数声明和函数表达式的优缺点：

• 函数声明的优点：由于提升（hoisting），在函数实际定义之前就可以调用；
• 函数声明的缺点：不够灵活，不适合作为匿名函数使用，不适合作为参数传递给其他函数；
• 函数表达式的优点：灵活性高，可作为匿名函数使用，可作为参数传递给其他函数；
• 函数表达式的缺点：由于不具备提升（hoisting）特性，在函数实际定义之前调用会报错。