深入理解JavaScript中的塊級(jí)作用域、私有變量與模塊模式
本文詳細(xì)的介紹了JavaScript中的塊級(jí)作用域、私有變量與模塊模式，廢話就不多說了，具體如下：
1.塊級(jí)作用域(私有作用域)，經(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ù)中定義的變量，都可以認(rèn)為是私有變量，因?yàn)椴荒茉诤瘮?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ù)模式的缺點(diǎn)是針對(duì)每個(gè)實(shí)例都會(huì)創(chuàng)建同樣一組新方法。
2.2）靜態(tài)私有變量來實(shí)現(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)方法能夠使其得到增強(qiáng)。
如果必須創(chuàng)建一個(gè)對(duì)象并以某些數(shù)據(jù)對(duì)其進(jìn)行初始化，同時(shí)還要公開一些能夠訪問這些私有數(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);
}
}
}
}();
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript學(xué)習(xí)筆記之JS對(duì)象
這篇文章向我們?cè)敿?xì)介紹了javascript中的對(duì)象，包括默認(rèn)對(duì)象、數(shù)組對(duì)象、字符串對(duì)象、自定義對(duì)象，并通過示例對(duì)這4中對(duì)象做了對(duì)比分析，推薦給大家。2015-01-01
javascript 基礎(chǔ)篇2 數(shù)據(jù)類型，語(yǔ)句，函數(shù)
簡(jiǎn)介JavaScript中setUTCSeconds()方法的使用
