再來(lái)個(gè)高深的：瞅著

setTimeout(function(){
        console.log("a:"+a);
    },0);
    var a = 1;
    console.log("b:"+b);
    var b = 2;
    var c = 3;
    var d = 4;
    var e = 5;
    function fx(c){
        console.log("c:"+c);
    }
    function fn(e,d){
        console.log("d:"+d);
        setTimeout(function(){
            console.log("e:"+e);
        },10);
    }
    setTimeout(function(){
        console.log("b2:"+b);
    },20);
    fn(e,d);
    fx(c);
    

輸出結(jié)果：

原因：
1、console.log()函數(shù)會(huì)在setTimeout函數(shù)之前執(zhí)行，并且b在輸出之前未被定義所以最先輸出undefined；
2、之后，會(huì)執(zhí)行fn函數(shù)和fx函數(shù)，而fn函數(shù)內(nèi)存在console.log函數(shù)，那么它將會(huì)先輸出d的值4；
3、然后，在fx函數(shù)內(nèi)也存在console.log函數(shù)，同樣會(huì)先輸出c的值3；
4、再來(lái)比較setTimeout函數(shù)時(shí)延長(zhǎng)短，依次輸出1，5，2。

3）

for (var i = 0; i < 3; i++) {
setTimeout(function() {
    console.log(i);
}, 0);
console.log(i);
}
//0 1 2 3 3 3
用到了閉包

4）

for (var i = 0; i < 3; i++) {}
console.log(i); 
//3，也就說(shuō)i可以在for循環(huán)體外訪問(wèn)到。所以是沒(méi)有塊級(jí)作用域。    

5）

var i = 0;
setTimeout(function() {
    console.log(i);
}, 0);
console.log(i);
i++;
setTimeout(function() {
    console.log(i);
}, 0);
console.log(i);
i++;
setTimeout(function() {
    console.log(i);
}, 0);
console.log(i);
i++;    

等價(jià)于：
var i = 0;
console.log(i);
i++;
console.log(i);
i++;
console.log(i);
i++;
setTimeout(function() {
    console.log(i);
}, 0);
setTimeout(function() {
    console.log(i);
}, 0);
setTimeout(function() {
    console.log(i);
}, 0);  //彈出 0 1 2 3 3 3

1）

    var a = "Hello";
    function test(){
        var a;
        alert(a);
        a = "World";
        alert(a);
    }
    test();//undefined world

2）

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

3)

    var a =1;
    function test(){
        alert(a);
        var a = 2;
        alert(a);
    }
    test();
    alert(a); //undefined 2 1        

Javascript的變量的scope是根據(jù)方法塊來(lái)劃分的（也就是說(shuō)以function的一對(duì)大括號(hào)｛ ｝來(lái)劃分）。是function塊，而for、while、if塊并不是作用域的劃分標(biāo)準(zhǔn)，可以看看以下幾個(gè)例子：

   function?test2(){??????
   alert?("before?for?scope:"+i);????
      //?i未賦值（并不是未聲明！使用未聲明的變量或函數(shù)全拋出致命錯(cuò)誤而中斷腳本執(zhí)行）???????//?此時(shí)i的值是underfined??????
   for(var?i=0;i<3;i++){??????????
       alert("in?for?scope:"+i);??//?i的值是?0、1、2,?當(dāng)i為3時(shí)跳出循環(huán)??????
       }?????
   alert("after?for?scope:"+i);??//?i的值是3，注意，此時(shí)已經(jīng)在for?scope以外，但i的值仍然保留為3????????????
   while(true){??????????
       var?j?=?1;??????????
       break;??????
       }??????
       alert(j);????
       //?j的值是1，注意，此時(shí)已經(jīng)在while?scope以外，但j的值仍然保留為1????????
       if(true){??????????
           var?k?=?2;??????
           }??????
       alert(k);??//k的值是1，注意，此時(shí)已經(jīng)在if?scope以外，但k的值仍然保留為1??
   }??
   test2();??
   //若在此時(shí)（function?scope之外）再輸出只存在于test2?這個(gè)function?scope里的?i、j、k變量會(huì)發(fā)生神馬效果呢？??
   alert(i);?//error!?沒(méi)錯(cuò)，是error，原因是變量i未聲明（并不是未賦值，區(qū)分test2函數(shù)的第一行輸出），導(dǎo)致腳本錯(cuò)誤，程序到此結(jié)束！??
   alert("這行打印還會(huì)輸出嗎？"+i);?//未執(zhí)行??
   alert(j);?//未執(zhí)行??
   alert(k);?//未執(zhí)行
   

Javascript在執(zhí)行前會(huì)對(duì)整個(gè)腳本文件的聲明部分做完整分析(包括局部變量)，從而確定實(shí)變量的作用域。怎么理解呢？看下面一個(gè)例子：

 var?a?=1;?????
 function?test(){??????????
      alert(a);?//a為undefined!?這個(gè)a并不是全局變量，這是因?yàn)樵趂unction?scope里已經(jīng)聲明了（函數(shù)體倒數(shù)第4行）一個(gè)重名的局部變量,???????????????????????
      //所以全局變量a被覆蓋了，這說(shuō)明了Javascript在執(zhí)行前會(huì)對(duì)整個(gè)腳本文件的定義部分做完整分析,所以在函數(shù)test()執(zhí)行前,???????????????????????
      //函數(shù)體中的變量a就被指向內(nèi)部的局部變量.而不是指向外部的全局變量.?但這時(shí)a只有聲明，還沒(méi)賦值，所以輸出undefined。??????????
      a=4;?????????????????
       alert(a);??//a為4,沒(méi)懸念了吧？?這里的a還是局部變量哦！??????????
       var?a;?????//局部變量a在這行聲明??????????
       alert(a);??//a還是為4,這是因?yàn)橹耙寻?賦給a了??????
       }??????
       test();??????
       alert(a);?//a為1，這里并不在function?scope內(nèi)，a的值為全局變量的值?
       

當(dāng)全局變量跟局部變量重名時(shí)，局部變量的scope會(huì)覆蓋掉全局變量的scope，當(dāng)離開(kāi)局部變量的scope后，又重回到全局變量的scope，而當(dāng)全局變量遇上局部變量時(shí)，怎樣使用全局變量呢？用window.globalVariableName。

   var?a?=1;??????
   function?test(){?????????????
       alert(window.a);??//a為1,這里的a是全局變量哦！??????????
       var?a=2;?????//局部變量a在這行定義??????????
       alert(a);??//a為2,這里的a是局部變量哦！??????
       }??????
  test();??????
  alert(a);?//a為1，這里并不在function?scope內(nèi)，a的值為全局變量的值

**總結(jié)：（每個(gè)例子慢慢看，就全懂了）
1、js有兩級(jí)作用域，全局和局部，局部也叫函數(shù)作用域
2、全局作用域的變量局部可以使用，局部作用域的變量只能在函數(shù)體內(nèi)使用
3、var和function聲明的變量都聲明提前，賦值留在原地
4、如果局部和全局變量重名，優(yōu)先使用局部變量
5、第3條和第4條，解釋了全局和局部都有相同變量名的時(shí)候，而在函數(shù)體內(nèi)打印的變量是undefined**

一般情況下，是可以省略var的，但有兩點(diǎn)值得注意：
1、var a=1 與 a=1 ，這兩條語(yǔ)句一般情況下作用是一樣的。但是前者不能用delete刪除。不過(guò)，絕大多數(shù)情況下，這種差異是可以忽略的。
2、在函數(shù)內(nèi)部，如果沒(méi)有用var 進(jìn)行申明，則創(chuàng)建的變量是**全局變量，而不是局部變量**了。所以，建議變量申明加上var關(guān)鍵字。

瞅著：
1)

    var t = 1; 
    function a(){
        console.log(t);
        var t=2;
    }
    a();//undefined;

輸出undefined，原因：function（）中相當(dāng)于

var t;
console.log(t);
t = 2;
表示變量t已聲明，但還未賦值,輸出undefined。

2)

但是變量提升只對(duì)var命令聲明的變量有效，如果一個(gè)變量不是用var命令聲明的，就不會(huì)發(fā)生變量提升。
console.log(aa);
aa =1;
以上代碼將會(huì)報(bào)錯(cuò):ReferenceError: aa is not defined。

3)

var t = 1;
    function a(){
        console.log(t);
        t=2;
    }
    a();//1

4）

函數(shù)聲明變量提升
foo();
function foo(){
    console.log("aaa");
}
//輸出aaa

原因：函數(shù)聲明提升 （函數(shù)聲明提升直接把整個(gè)函數(shù)提到執(zhí)行環(huán)境的最頂端）
它相當(dāng)于
function foo(){
    console.log("aaa");
}
foo();
    

5)

foo();
var foo = function(){
    console.log("aaa");
} 
它相當(dāng)于：
var foo;
foo(); //foo is not a function
foo = function(){
        console.log("aaa");
    }          
上面代碼輸出undefined 是因?yàn)樽兞刻嵘蟛](méi)有賦值因此輸出undefined

輸出foo is not a function 原因是：js解析遇到 foo()時(shí)會(huì)默認(rèn)當(dāng)做函數(shù)來(lái)解析

6）最厲害的一個(gè)

console.log(foo);
var foo=10;
console.log(foo);
function foo(){
    console.log(10);
}
console.log(foo);

他相當(dāng)于：
function foo(){
    console.log(10);
}
var foo；
console.log(foo);
foo=10;
console.log(foo);
console.log(foo);

函數(shù)提升在變量提升上面，第一個(gè)console.log(foo);為什么會(huì)輸出函數(shù)題呢，原因在于 var foo; 并未有賦值只是聲明，因此他會(huì)調(diào)用上面的值.

   全局環(huán)境中，this指向window
   console.log(this.document === document); // true
   
   // 在瀏覽器中，全局對(duì)象為 window 對(duì)象：
   console.log(this === window); // true
   
   this.a = 37;
   console.log(window.a); // 37

函數(shù)調(diào)用
非嚴(yán)格模式下，this 默認(rèn)指向全局對(duì)象window

   function f1(){
     return this
   f1() === window; // true

   而嚴(yán)格模式下， this為undefined
   function f2(){
     "use strict"; // 這里是嚴(yán)格模式
     return this;
   }    
   f2() === undefined; // true

1）

   對(duì)象中的this
     var o = {
     user:"李鋼鐵",
     fn:function(){
           console.log(this.user);  //李鋼鐵
       }
   }
   o.fn();

這里的this指向的是對(duì)象o，因?yàn)槟阏{(diào)用這個(gè)fn是通過(guò)o.fn()執(zhí)行的，那自然指向就是對(duì)象o，這里再次強(qiáng)調(diào)一點(diǎn)，this的指向在函數(shù)創(chuàng)建的時(shí)候是決定不了的，在調(diào)用的時(shí)候才能決定，誰(shuí)調(diào)用的就指向誰(shuí)，一定要搞清楚這個(gè)。

2）.

var o = {
user:"李鋼鐵",
fn:function(){
    console.log(this.user); //李鋼鐵
}
}
window.o.fn();
this指向o

3）.

var o = {
  a:10,
  b:{
        a:12,
        fn:function(){
            console.log(this.a); //12
        }
    }
}
o.b.fn();

總結(jié)：如果一個(gè)函數(shù)中有this，這個(gè)函數(shù)有被上一級(jí)的對(duì)象所調(diào)用，那么this指向的就是上一級(jí)的對(duì)象。

4）.

 var o = {
a:10,
b:{
    // a:12,
    fn:function(){
        console.log(this.a); //undefined
    }
   }
}
o.b.fn();
this指向b,因?yàn)閠his只會(huì)指向它的上一級(jí)對(duì)象，不管這個(gè)對(duì)象中有沒(méi)有this要的東西。

5）.

特殊情況
var o = {
a:10,
b:{
    a:12,
    fn:function(){
        console.log(this.a); //undefined
        console.log(this); //window
    }
}
}
var j = o.b.fn;
j();

這里this指向的是window，，this永遠(yuǎn)指向的是最后調(diào)用它的對(duì)象，也就是看它執(zhí)行的時(shí)候是誰(shuí)調(diào)用的，例子4中雖然函數(shù)fn是被對(duì)象b所引用，但是在將fn賦值給變量j的時(shí)候并沒(méi)有執(zhí)行所以最終指向的是window。

4.

構(gòu)造函數(shù)中this
function Fn(){
this.user = "李鋼鐵";
    }
var a = new Fn();
console.log(a.user); //李鋼鐵
指向?qū)嵗瘜?duì)象a

當(dāng)this遇到return時(shí)，如果返回值是一個(gè)對(duì)象，那么this指向的就是那個(gè)返回的對(duì)象，如果返回值不是一個(gè)對(duì)象那么this還是指向函數(shù)的實(shí)例。

function fn()  
{  
    this.user = "李鋼鐵";  
    return undefined;
}
var a = new fn;  
console.log(a); 
//fn {user: "李鋼鐵"}

    function fn()  
{  
    this.user = "李鋼鐵";  
    return 1;
}
var a = new fn;  
console.log(a.user); 
//李鋼鐵

特殊情況：雖然null也是對(duì)象，但是在這里this還是指向那個(gè)函數(shù)的實(shí)例，因?yàn)閚ull比較特殊。
function fn()  
{  
    this.user = "李鋼鐵";  
    return null;
}
var a = new fn;  
console.log(a.user); //李鋼鐵