关于预解析 ​

预解析 ​

• JavaScript 中存在变量声明提升和函数声明提升的特性，这被称为 JavaScript 中的“预解析”（hoisting）。

• 预解析是 JavaScript 引擎在代码执行前进行的一种处理，它会将变量声明和函数声明提升到它们所在作用域的顶部。这意味着在代码中，变量和函数可以在声明前使用，但是变量的值为 undefined，函数可以直接调用。

• 例如：

console.log(x); // undefined
var x = 10;

foo();
function foo() {
  console.log("Hello, world!");
}

在上面的代码中，变量 x 和函数 foo 都被预解析到了它们所在作用域的顶部。因此，即使 x 的声明在输出语句之后，也不会导致程序出错。输出的结果为 undefined，因为变量 x 已经被声明，但是还没有被赋值。

• 函数 foo 也被预解析到了它所在的作用域的顶部。因此，即使函数的声明在调用之后，也可以直接调用函数，输出结果为 Hello, world!。

• 需要注意的是，只有变量和函数的声明被预解析到了作用域的顶部，而变量的赋值、函数的表达式以及其他语句不会被提升。因此，在编写代码时，应该遵循良好的编码规范，避免过多依赖预解析的特性，以提高代码的可读性和可维护性。

foo(); // TypeError: foo is not a function
var foo = function() {
  console.log("Hello, world!");
}

预解析的作用域 ​

JavaScript 中的预解析是基于作用域的，变量和函数声明被提升到它们所在作用域的顶部。以下是 JavaScript 中的作用域类型：

• 全局作用域：在函数之外声明的变量和函数，它们在整个程序中都可以被访问。
• 函数作用域：在函数内部声明的变量和函数，只能在函数内部访问，函数内部的变量和函数都不会被提升到全局作用域中。
• 块级作用域：在 {} 中声明的变量和函数，只能在 {} 中访问。

console.log(x); // ReferenceError: x is not defined
let x = 10;

let x = 10;
let x = 20; // SyntaxError: Identifier 'x' has already been declared