JS 预解析|极客笔记

JS 预解析

在JavaScript中，预解析是指在代码执行之前，JavaScript引擎会先对代码进行分析和准备工作。预解析的过程包括变量声明提升、函数声明提升以及作用域的确定。了解JavaScript的预解析过程对于理解代码的执行顺序和作用域是非常重要的。

在JavaScript中，变量声明会被预解析到代码的最顶部，这就是所谓的变量声明提升。即使变量定义是在使用之后才声明的，JavaScript引擎在预解析阶段也会将变量声明提升到代码的顶部。

举个示例：

console.log(a);
var a = 5;

在预解析之后，上面的代码实际上被解释为：

var a;
console.log(a);
a = 5;

因此，上面的代码执行时会输出undefined，而不会报错。

函数声明也会被预解析到代码的最顶部，这就是所谓的函数声明提升。在预解析阶段，函数声明会被提升到代码的最前面，因此可以在函数声明之前调用函数。

举个示例：

sayHello();

function sayHello() {
    console.log('Hello');
}

在预解析之后，上面的代码实际上被解释为：

function sayHello() {
    console.log('Hello');
}

sayHello();

因此，上面的代码执行时会输出Hello。

JavaScript中的作用域分为全局作用域和函数作用域。在预解析阶段，JavaScript引擎会确定变量的作用域，即变量是在全局作用域还是函数作用域中声明的。

举个示例：

var x = 10;

function printX() {
    console.log(x);
}

printX();

在预解析之后，上面的代码实际上被解释为：

var x;

function printX() {
    console.log(x);
}

x = 10;
printX();

因此，上面的代码执行时会输出10。

下面是一个包含变量声明提升、函数声明提升和作用域确定的示例代码：

var y = 20;

function printY() {
    console.log(y);
}

function setY() {
    y = 30;
}

printY();
setY();
printY();
var y;

在预解析之后，上面的代码实际上被解释为：

var y;

function printY() {
    console.log(y);
}

function setY() {
    y = 30;
}

y = 20;
printY();
setY();
printY();

因此，上面的代码执行时会依次输出undefined、30、30。

总结一下，预解析是JavaScript中的一个重要概念，它可以帮助我们理解代码的执行顺序和作用域。通过了解变量声明提升、函数声明提升和作用域的确定，我们可以更好地理解JavaScript代码的运行机制。