【javascript】函数提升优先级与变量提升优先级

当我们在JavaScript中编写代码时，函数提升和变量提升是非常重要的概念。它们决定了在代码执行过程中函数和变量的可用性。在本文中，我们将讨论函数提升和变量提升的优先级，并使用一个例子来展示代码的执行顺序。

让我们来看一个例子：

console.log(a); 
var a = 1; 
function a() { 
  console.log("a"); 
} 
console.log(a); // 1 
a = 2; 
console.log(a); // 2 

为了更好地理解这段代码的执行顺序，让我们来重写它，并添加注释以显示提升的顺序：

var a; // 变量声明被提升，但没有赋值

function a() { 
  console.log("a"); 
}

console.log(a); // function a() { console.log("a"); }

a = 1; // 变量赋值为 1

console.log(a); // 1

a = 2; // 变量赋值为 2

console.log(a); // 2

现在让我们解释一下代码的执行过程。

首先，在代码执行之前，变量a的声明被提升到作用域的顶部，但没有赋值，所以变量a的值为undefined。接着，函数a的声明也被提升到作用域的顶部，并覆盖了变量a的声明。因此，第一个打印输出的是函数声明：function a() { console.log("a"); }。

接下来，变量a被赋值为1，所以第二个打印输出的是1。

然后，变量a又被赋值为2，所以最后一个打印输出的是2。

因此，函数提升的优先级高于变量提升。函数声明会被整个提升，包括函数体，而变量声明只会提升变量名，而不包括任何赋值操作。

通过了解函数提升和变量提升的优先级，开发者可以更好地理解JavaScript代码的执行顺序，并避免潜在的错误。希望通过本文的介绍，读者对函数提升和变量提升的优先级有了更深入的了解。

参考文献：

• MDN Web Docs, Variables, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations
• MDN Web Docs, Hoisting, https://developer.mozilla.org/en-US/docs/Glossary/Hoisting