Vue 中解释 JS 中的函数提升？

JavaScript 中的函数提升是指在代码执行过程中，函数和变量的声明会被提升至当前作用域的顶部，无论实际声明在何处，都会被解释器提升至代码的最前面。这意味着在代码执行前，JavaScript 引擎会先读取并处理函数和变量的声明，使得它们在声明之前就可以被访问和使用。

函数提升的规则如下：

1. 函数声明：使用 function 关键字声明的函数会被提升到当前作用域的顶部，整个函数都会被提升。

   sayHello(); // 可以正常调用，因为函数被提升
   function sayHello() {
     console.log('Hello!');
   }
   

2. 变量声明：变量声明也会被提升，但是只有变量名会被提升，而变量的赋值不会提升。

   console.log(myVar); // 输出 undefined，变量被声明但未赋值
   var myVar = 5;
   

3. 注意：函数表达式和箭头函数不会被完全提升。只有变量名会被提升，而函数体不会提升。

   sayHi(); // 报错：TypeError，函数表达式未被提升
   var sayHi = function() {
     console.log('Hi!');
   };
   

在实际开发中，理解函数提升是非常重要的，特别是在涉及到函数调用、变量声明和作用域的时候。建议在代码中尽量避免依赖函数提升，而是将函数和变量的声明放在使用之前，以提高代码的可读性和可维护性。