工作面试中我们经常会遇到这样的题目:

var a = "Hello";
function b() {
    alert(a);
    var a = "World";
    alert(a);
}
b();

正确的运行结果是:undefined,world

为什么是这个结果呢?

首先我们要明确几点:

js作用域最外界的是window作用域,同时,js是以函数为块作用域的,每一个函数都是一个快作用域 js预编译阶段,作用域内通过 var 定义的变量都会被提到作用域最前面,并赋值undefined js中存在作用域链,运行时都会在当前的作用域内寻找变量的定义,如果当前作用域没有该变量的定义,则到该作用域的上一级作用域去查找该变量,这样一级一级查找,直至window作用域结束,最终如果没有找到则报错。

上面的题目,在经过js预编译之后,会变成如下:

var a=undefined;
a = "Hello";
function b() {
    var a=undefined;
    alert(a);
    a = "World";
    alert(a);
}
b();

**所以,当第一次alert时,在函数b作用域内去找变量a的var定义,值为undefined;
当第二次alert时,b作用域内的变量a被赋值world,所以值为world**