深入理解JavaScript中的塊級作用域、私有變量與模塊模式
本文詳細的介紹了JavaScript中的塊級作用域、私有變量與模塊模式,廢話就不多說了,具體如下:
1.塊級作用域(私有作用域),經(jīng)常在全局作用域中被用在函數(shù)外部,從而限制向全局作用域中添加過多的變量和函數(shù)。
(function(count){ for(var i=0;i<count;i++){ console.log(i);//=>0、1、2、3、4 } console.log(i);//=>5 })(5);
(function(){ var now=new Date(); if(now.getMonth()==0 && now.getDate()==1){ console.log("新年快樂"); }else{ console.log("盡情期待"); } })();
2.私有變量:任何在函數(shù)中定義的變量,都可以認為是私有變量,因為不能在函數(shù)的外部訪問這些變量。
特權(quán)方法:有權(quán)訪問私有變量和私有函數(shù)的公有方法稱為特權(quán)方法。
2.1)在構(gòu)造函數(shù)中定義特權(quán)方法:
function Person(name){ this.getName=function(){ return name; }; this.setName=function(value){ name=value; }; } var person1=new Person("Jason"); console.log(person1.getName());//=>Jason person1.setName("gray"); console.log(person1.getName());//=>gray var person2=new Person("Michael"); console.log(person1.getName());//=>gray console.log(person2.getName());//=>Michael person2.setName('Alex'); console.log(person1.getName());//=>gray console.log(person2.getName());//=>Alex
構(gòu)造函數(shù)模式的缺點是針對每個實例都會創(chuàng)建同樣一組新方法。
2.2)靜態(tài)私有變量來實現(xiàn)特權(quán)方法
在私有作用域中,首先定義私有變量和私有函數(shù),然后定義構(gòu)造函數(shù)及其公有方法。
(function(){ //私有變量和函數(shù) var name=""; Person=function(value){ name=value; }; //特權(quán)方法 Person.prototype.getName=function(){ return name; }; Person.prototype.setName=function(value){ name=value; } })(); var person1=new Person("Jason"); console.log(person1.getName());//=>Jason person1.setName("gray"); console.log(person1.getName());//=>gray var person2=new Person("Michael"); console.log(person1.getName());//=>Michael console.log(person2.getName());//=>Michael person2.setName('Alex'); console.log(person1.getName());//=>Alex console.log(person2.getName());//=>Alex
3.模塊模式:通過為單例添加私有變量和特權(quán)方法能夠使其得到增強。
如果必須創(chuàng)建一個對象并以某些數(shù)據(jù)對其進行初始化,同時還要公開一些能夠訪問這些私有數(shù)據(jù)的方法,那么就可以使用模塊模式。
var application=function(){ //私有變量和函數(shù) var components=[]; //初始化 components.push(new BaseComponent()); //公共接口 return { getComponentCount:function(){ return components.length; }, registerComponent:function(){ if(typeof component=="object"){ components.push(component); } } } }();
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript & DHTML 實例編程(教程)(四)初級實例篇2—動畫
Javascript & DHTML 實例編程(教程)(四)初級實例篇2—動畫...2007-06-06javascript 基礎(chǔ)篇2 數(shù)據(jù)類型,語句,函數(shù)
文章里如果有錯誤的話,希望能幫忙指正~我也是邊看視頻邊學(xué)習(xí)中,這個算是個筆記吧~自認為總結(jié)出來的東西比看視頻要節(jié)省點時間~能幫到別人最好了~幫不到也起碼恩能幫到我自己2012-03-03簡介JavaScript中setUTCSeconds()方法的使用
這篇文章主要介紹了簡介JavaScript中setUTCSeconds()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06