JS 预解析顺序（优先级）
JavaScript 中的预解析（hoisting）是指变量和函数的声明会在代码执行之前被提升到其作用域的顶部。这意味着无论你在代码的什么地方定义一个变量或函数，它们都会在执行之前被提前到作用域的顶部，因此可以在声明之前使用它们。预解析的理解对于掌握 JavaScript 的执行上下文和作用域非常重要。
1. 变量提升
变量声明提升
变量声明（使用 var 声明的变量）会被提升到函数或全局作用域的顶部，但赋值不会被提升。这意味着你可以在声明之前引用变量，但它的值是 undefined。
console.log(a); // 输出: undefined
var a = 5;
console.log(a); // 输出: 5
在上面的代码中，console.log(a) 在变量 a 被声明之前执行，结果是 undefined。
变量提升的注意事项
- 使用
let和const声明的变量不会被提升到顶部，它们会有一个“暂时性死区”（TDZ），在此区域内无法访问这些变量。
console.log(b); // 报错: Cannot access 'b' before initialization
let b = 10;
2. 函数提升
函数声明会被完全提升，包括其定义。这意味着你可以在声明之前调用函数。
console.log(square(5)); // 输出: 25
function square(x) {
return x * x;
}
在这个例子中，square 函数可以在它被声明之前调用，且不会报错。
函数表达式的提升
与函数声明不同，函数表达式不会被提升。只有变量声明会被提升，函数表达式需要在赋值之后才能使用。
console.log(add(2, 3)); // 报错: TypeError: add is not a function
var add = function(x, y) {
return x + y;
};
在这个例子中，add 被提升，但因为它是一个函数表达式，所以下面的调用会抛出一个错误。
3. 预解析的执行顺序
在 JavaScript 中，预解析的执行顺序如下：
- 全局上下文：在全局作用域中，所有的变量和函数声明会被提升到顶部。
- 函数上下文：每当进入一个函数时，函数内的所有变量和函数声明会被提升到函数的顶部。
- 块级作用域：在
let和const的块级作用域中，变量不会被提升，如果在声明之前使用会抛出错误。
4. 变量和函数的优先级
在 JavaScript 中，函数声明优先于变量声明。
console.log(foo()); // 输出: 3
var foo = function() {
return 2;
};
function foo() {
return 3;
}
尽管变量 foo 也被声明了，但因为函数声明在变量声明之前被提升，所以调用 foo() 时返回的是 3。
5. 总结
理解 JavaScript 的预解析顺序对于编写无错误的代码至关重要。以下是一些最佳实践：
- 始终在使用变量之前声明它们。
- 尽量使用
let和const，避免使用var，因为它们更具块级作用域，且不会存在提升问题。 - 优先使用函数声明而非函数表达式，确保函数可以在声明之前调用。
掌握预解析的概念可以帮助开发者更好地理解 JavaScript 的执行机制，减少潜在的错误和混淆。
