DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javaScript 利用閉包模擬對象的私有屬性
javaScript 利用閉包模擬對象的私有屬性
編輯:關於JavaScript     
JavaScript缺少塊級作用域,沒有private修飾符,但它具有函數作用域。作用域的好處是內部函數可以訪問它們的外部函數的參數和變量(除了this和argument。內部中的函數中的this指向全局對象,argument指向內部函數的函數參數)。我們可以利用這種屬性來模擬面向對象中的私有屬性。

復制代碼 代碼如下:
var myObject=function(value){
var value=value || 0;
return{
increment:function(num){
value+=typeof num==='number' ? num : 0;
},
setValue:function(num){
value = typeof num==='number' ? num : value;
},
getValue:function(){
return value;
}
}
}(10)
//alert(myObject.getValue()); //10
myObject.setValue(20);
//alert(myObject.getValue()); //20
myObject.increment(5);
alert(myObject.getValue()); //25

如上例中,myObjeact是匿名函數執行後返回的對象。匿名函數中變量value對於匿名函數外部來說是不可訪問的,但對於其內部的函數,是可以訪問的,匿名函數執行結束,由於變量value仍被返回的myObject對象所存取,故value所占據的內存並沒有被銷毀。此時,內部的變量value就如同myObject對象的私有變量一樣。
復制代碼 代碼如下:
var myObject=function(value){
var name='MyObject';
return{
increment:function(num){
value+=typeof num==='number' ? num : 0;
},
setValue:function(num){
value = typeof num==='number' ? num : value;
},
getValue:function(){
//alert(this);
return value;
},
getName:function(){
return name;
},
setName:function(nameStr){
name=nameStr;
},
toString:function(){
return '[Object:'+name+']';
}
}
}
var obj=myObject(5);
obj.increment(6);
//alert(obj.getValue()); // 11
//alert(obj); //[Object:MyObject]
obj.setName('temp object 01');
alert(obj) //[Object:temp object 01]
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved