JavaScript——封裝

標籤：ima   his   script   style   ons   關係   png   使用   聲明   

封裝：使用對象封裝的好處是可以減少全域變數汙染的機會，講屬性，函數都隸屬一個對象。

封裝前：

<script>　　var name="foo"; //name是全域的，被暴露　　i=1; //全域的，沒有var關鍵字聲明的變數是全域的，與位置關係不大　　function show(){ //show 是全域的，被暴露　　　　console.log("name->"+name);　　　　console.log(++i);　　}　　//i是全域的 2　　show(); 　　//3　　show();</script>

運行結果：

封裝後：

//對外只暴露bar，使用閉包封裝    var bar=function(){    var i=1;        return{            name:"bar",            show:function(){            console.log("name->"+this.name);            console.log(++i);            }        };    };    var bar1=bar();    //2    bar1.show();    //3    bar1.show();    var bar2=bar();    //2，因為被封裝，且閉包，i是局部私人的    bar2.show();

運行結果：

 

JavaScript——封裝