首页 > 代码库 > JavaScript变量提升演示样例

JavaScript变量提升演示样例

直接先看两段代码

        function getSum() {
            var sum = a + b;
            var a = 1;
            var b = 2;
            return sum;
        }
        getSum();

        function getSum() {
            var sum = a + b;
            a = 1;
            b = 2;
            return sum;
        }
        getSum();

大家能够先看一下这两段代码的异同,并推断一下运行后分别得到的结果。


在运行第一段代码时,得到的NaN,这是由于在函数中变量声明被提升的结果。在运行“sum = a + b”前,先进行了a,b的定义。但由于没有赋值(赋值不会被提升)。所以此时a。b的值均为undefined。终于变为sum = undefined + undefined,然后得到NaN的结果。


在运行第二段代码时。得到的却是“ReferenceError: a is not defined",抛出一个异常说a没有定义。在这里。函数中的a,b因为没有通过var定义,而被当成了全局变量,因此在函数中没有对a,b的声明进行提升。而在函数的一開始便运行了”sum = a + b"的操作,在运行这一句时,会沿着作用域量逐级往外找a与b的定义和值,因为在这里没有找到对应的定义(全局作用域也没有),从而抛出a没有定义异常(事实上b也会抛出没有定义异常)。


将第二段代码稍作改动,改成以下这样:

        a = b = 3;
        function getSum() {
            var sum = a + b;
            a = 1;
            b = 2;
            return sum;
        }
        getSum();

再运行这段代码。此时得到的是6,a、b的值在全局作用域中找到了。

JavaScript变量提升演示样例