ECMAScript中的函数声明与表达式有何不同

在 ECMAScript（JavaScript）中，函数声明和函数表达式的主要区别在于它们的定义方式和提升（hoisting）行为

1. 定义方式：

   • 函数声明：使用关键字 function，后跟函数名称、参数列表和函数体。例如：

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

   • 函数表达式：将一个匿名函数或具名函数赋值给一个变量。例如：

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

     或者使用箭头函数表达式：

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

2. 提升（hoisting）：

   • 函数声明：在代码执行之前，函数声明会被提升到作用域的顶部。这意味着你可以在声明之前调用该函数，因为编译器已经知道函数的存在。例如：

     console.log(add(1, 2)); // 输出 3
     function add(a, b) {
       return a + b;
     }
     

   • 函数表达式：函数表达式不会被提升。在尝试调用函数表达式之前，必须先定义它。例如：

     console.log(add(1, 2)); // 报错：TypeError: add is not a function
     const add = function(a, b) {
       return a + b;
     };
     

总结一下，函数声明和函数表达式的主要区别在于定义方式和提升行为。函数声明会提升整个函数，而函数表达式只会提升变量。在实际编程中，建议使用函数声明来定义函数，因为它具有更好的可读性和可维护性。