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的值在全局作用域中找到了。