JavaScript变量提升

标签：

此文章首发于segmentfault，若有转载引用，请务必私信告知，并注明出处：https://segmentfault.com/q/1010000005921127

1. 变量的问题，莫过于声明和赋值两个步骤，而这两个步骤是分开的。

2. 函数声明被提升时，声明和赋值两个步骤都会被提升，而普通变量却只能提升声明步骤，而不能提升赋值步骤。

3. 变量被提升过后，先对提升上来的所有对象统一执行一遍声明步骤，然后再对变量执行一次赋值步骤。而执行赋值步骤时，会优先执行函数变量的赋值步骤，再执行普通变量的赋值步骤。
   当你明白这三点后，一切都豁然开朗了。

首先来看一个DEMO：

(function(){
        
        function a(){};
        var a;
        alert(typeof a); //function
    })();

先提升两个a，然后执行函数的赋值步骤，a没有被赋值，故结果为function

再看一个：

 (function(){
        alert(typeof a);//function
        function a(){};
        var a = 1;
         
    })();

先提升两个a，再执行函数的赋值步骤，因为在alert语句执行以前，还未执行a = 1的赋值步骤，函数不会被覆盖，故为function

来个最有说服力的：

(function(){ 
            var a = 1;
            function a(){};
            alert(typeof a); //number
        })();

在alert语句执行之前，a = 1步骤和函数赋值步骤均已执行，而且函数还在a = 1赋值语句之后，但是仍然输出number，就是因为函数的赋值步骤会先于a = 1的赋值步骤，函数被覆盖，故输出number。

一切关乎变量提升的代码，用这三点没有解释不清楚的。
以上。
欢迎拍砖...

JavaScript变量提升

标签：

原文地址：http://www.cnblogs.com/donotcheap/p/5656958.html