JavaScript变量提升示例_js的变量提升实例-优快云博客

本文链接：https://blog.youkuaiyun.com/winstar1688/article/details/46763913

本文通过对比分析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的值在全局作用域中找到了。