進(jìn)階三： 作用域問(wèn)題

   a = 0;                            //a 具有全局作用域
   var b = 0;                        //b 也具有全局作用域

   function demo(){
       var a = 1;                    //這里的a和b只能在demo()內(nèi)訪問(wèn)了样悟，具有局域作用域
       var b = 1;
       alert(a+" "+b);
       alert(this.a + " "+ this.b);  //this指向的是全局對(duì)象Window
   }

   demo();

1.未使用var關(guān)鍵字聲明在全局作用域下不具備變量提升的性質(zhì)。本質(zhì)上，沒有使用var聲明的不是一個(gè)變量窟她，只是不使用 var 關(guān)鍵字創(chuàng)建的只是全局對(duì)象的屬性(全局執(zhí)行上下文中的變量對(duì)象使用全局對(duì)象自身實(shí)現(xiàn))陈症，它并不是一個(gè)變量。

alert(a);  //undefined
alert(b);  //Can't find variable: b

var a = 1;
b = 1;

//此處修改由簡(jiǎn)友ssbunny提出震糖，非常感謝（2016-07-05）

2.在方法中使用var關(guān)鍵字聲明的變量是局部變量
3.在全局區(qū)域使用var關(guān)鍵字聲明的變量是全局變量
4.雖然作用域問(wèn)題談不上高級(jí)知識(shí)录肯，但是很容易被理解錯(cuò)，所以讓在這里復(fù)習(xí)以下

進(jìn)階四： 閉包問(wèn)題

在Javascript中吊说，什么是閉包论咏？
通俗一點(diǎn)地講，閉包就是在函數(shù)內(nèi)部聲明函數(shù)颁井，并且該函數(shù)中訪問(wèn)了方法內(nèi)的局部變量的語(yǔ)法結(jié)構(gòu)厅贪，這種語(yǔ)法結(jié)構(gòu)和面向?qū)ο蟮乃枷肫鋵?shí)本質(zhì)上是一致的 (類似于將一個(gè)方法理解成一個(gè)類)

    function demo(){
        var a = 0;
        return function(){
              a++;            
        }
    }

這種結(jié)構(gòu)稱之為閉包，那為什么要使用閉包?

1. 由于變量的作用域不同雅宾，外部無(wú)法訪問(wèn)內(nèi)部區(qū)域的變量养涮，而內(nèi)部區(qū)域的變量可以訪問(wèn)外部區(qū)域的變量。如果要在方法外部訪問(wèn)方法的內(nèi)部變量眉抬，就必須通過(guò)函數(shù)內(nèi)部定義函數(shù)的方法來(lái)返回函數(shù)內(nèi)部的變量贯吓。
2. 理解起來(lái)和OO思想的對(duì)象是一致的。一般吐辙，我們無(wú)法直接訪問(wèn)類中的私有成員宣决，但是，我們可以通過(guò)定義一些成員方法來(lái)訪問(wèn)昏苏。所以個(gè)人覺得閉包的思想其實(shí)和面向?qū)ο蟮乃枷胧遣畈欢嗟摹?/li>
3. 那好尊沸，為什么要使用閉包？首先贤惯，使用閉包可以減少不必要的全局變量洼专，比如一個(gè)計(jì)數(shù)器變量，在腳本中有多個(gè)地方需要使用到孵构，那么如果不想使用全局變量進(jìn)行聲明屁商，則可以使用閉包。
4. 閉包也是有不好的地方滴颈墅！如果使用了閉包蜡镶，那么該方法內(nèi)的局部變量（閉包中訪問(wèn)到的那些）會(huì)一直駐留在內(nèi)存中，如果閉包使用不當(dāng)恤筛，會(huì)降低整個(gè)應(yīng)用程序的性能官还。

請(qǐng)大家閱讀以下的例子加以理解：

    function demo(){
        var count = 0;
        return function(){            
            return ++count;           // 注意：count 變量一直駐留在內(nèi)存中
        }
    }

    var cal = demo();
    var count1 = cal();                    //count == 1
    var count2 = cal();                    //count == 2

那么，如何釋放在閉包中使用到的變量的內(nèi)存呢毒坛？其實(shí)Javascript中支持直接通過(guò)賦空值來(lái)釋放垃圾的望伦，就上述代碼林说，只需要將方法的引用賦值為空就可以了:cal=null

進(jìn)階五： 如何復(fù)制一個(gè)對(duì)象

在Javascript中，有一種可以遍歷對(duì)象屬性的方法屯伞，那就是for...in...結(jié)構(gòu)腿箩，同時(shí)我們可以借助這種結(jié)構(gòu)來(lái)實(shí)現(xiàn)一個(gè)對(duì)象的復(fù)制，這里指的是深度復(fù)制劣摇，不是淺復(fù)制珠移！

    function copy(o){
          var newObject = {};                                //創(chuàng)建一個(gè)新的空對(duì)象
          for(var attribute in o){
                newObject[attribute] = o[attribute];          //拷貝對(duì)象中的每一個(gè)屬性
          }
          return newObject;
    }

   var copyObject = copy(oldObject);

進(jìn)階六： 原型問(wèn)題

在需要訪問(wèn)對(duì)象的內(nèi)部屬性，或者說(shuō)是方法的局部變量的時(shí)候饵撑，我們可以通過(guò)閉包的形式來(lái)訪問(wèn)剑梳。如果我們需要在對(duì)象內(nèi)定義一些方法供外部調(diào)用唆貌，就需要使用到原型和原型鏈滑潘。
在Javascript中，是不支持繼承的锨咙，但是可以通過(guò)原型實(shí)現(xiàn)一些繼承的功能语卤。

    function Demo(){};          //聲明一個(gè)對(duì)象類型(類似于高級(jí)語(yǔ)言中的類)

    Demo.prototype = {          //定義對(duì)象類型中的方法，使用到的是原型模型
        gt : function(a,b){     //定義一個(gè)比較a和b的值得方法酪刀，如果a>b返回true
            return (a>b);
        },
        add : function(){       //定義一個(gè)不限定參數(shù)個(gè)數(shù)的加法運(yùn)算
            var length = arguments.length;
            alert(length);
            var result = 0;
            for(var i=0;i<length;i++){
                result += arguments[i];
            }
            return result;
        }
    };

    var demo = new Demo();             //聲明一個(gè)對(duì)象
    var isGt = demo.gt(3,2);           //3>2 true
    var add1 = demo.add(1,3,4);        //1+3+4 = 8
    var add2 = demo.add(1,3,4,5);      //1+3+4+5 = 13

個(gè)人感覺這個(gè)原型模式與高級(jí)語(yǔ)言中的類的成員方法是很類似的粹舵。通過(guò)定義Javascript中的原型方法，從而實(shí)現(xiàn)一個(gè)對(duì)象中的多個(gè)方法的效果骂倘。除了上面這種定義方式之外眼滤，還有下面的這種定義方式。

    function Demo(){}

    Demo.prototype = function(){
          gt = function(a,b){
                return a + b;
          };
          add = function(){
               var length = arguments.length; 
               var result = 0; 
               for(var i=0;i<length;i++){ 
                    result += arguments[i];
               } 
               return result;
         }
         return {
                gt : gt,                       //返回方法的映射
                add : add
         }
   }(); 

   //或者历涝，直接在function中定義原型方法
   function Demo(){
         this.add = function(a,b){return a+b;};
   }            

值得注意的是诅需，如果同時(shí)在函數(shù)內(nèi)和方法的prototype屬性同時(shí)聲明了同一個(gè)方法，那么Javascript會(huì)從下往上尋找最頂層的那個(gè)方法作為有效方法荧库，如下：

    function Demo(){
        add = function(a+b){return a+b;};                //直接在方法內(nèi)定義add方法堰塌，在最頂層定義
    }

   Demo.prototype = {                                    //通過(guò)prototype屬性定義add方法
      add = function(a,b,c){
          return a+b+c;
      };
   }

  var demo = new Demo();  //最頂層的方法add(a,b)是有效的，而add(a,b,c)是無(wú)效的
  demo.add(1,2);          //1+2 = 3
  demo.add(1,2,3);        //1+2+undefined = NaN

進(jìn)階七： 等于與絕對(duì)等于問(wèn)題

在Javascript中分衫，有兩種數(shù)據(jù)類型场刑，一種是基本數(shù)據(jù)類型，一種是引用數(shù)據(jù)類型蚪战，即常說(shuō)的對(duì)象類型牵现。而基本數(shù)據(jù)類型中又包含有string、boolean邀桑、number瞎疼、null和undefined五種基本數(shù)據(jù)類型。如下：

需要注意的是玉吁，typeof null == object，而typeof undefined == undefined腻异。舉個(gè)例子：

var a = "123";
var b = 123;

console.log(a==b);    //返回true
console.log(a===b);   //返回false进副，因?yàn)轭愋筒煌?

好了，由于時(shí)間關(guān)系悔常，本篇關(guān)于對(duì)Javascript高級(jí)進(jìn)階的總結(jié)比較倉(cāng)促影斑，還有很多額外的知識(shí)點(diǎn)還沒有添加進(jìn)來(lái)。其他的高階內(nèi)容將會(huì)在日后陸續(xù)更新進(jìn)來(lái)机打，歡迎大家閱讀矫户。

還有，就是残邀，你在這二十分鐘內(nèi)學(xué)會(huì)了嗎皆辽？

附錄 文章更新日志

2016-06-05 首次發(fā)布，初稿內(nèi)容
2016-06-06 添加章節(jié)《原型問(wèn)題》
2016-07-04 修正文章中的一處歧義
2016-07-05 修正解釋錯(cuò)誤：未使用var創(chuàng)建的變量全是全局變量
2016-07-23 添加章節(jié)《等于與絕對(duì)等于問(wèn)題》