javaScript 利用閉包模擬對象的私有屬性
更新時(shí)間：2011年12月29日 00:33:11 作者：
JavaScript缺少塊級作用域，沒有private修飾符，但它具有函數(shù)作用域。作用域的好處是內(nèi)部函數(shù)可以訪問它們的外部函數(shù)的參數(shù)和變量（除了this和argument
JavaScript缺少塊級作用域，沒有private修飾符，但它具有函數(shù)作用域。作用域的好處是內(nèi)部函數(shù)可以訪問它們的外部函數(shù)的參數(shù)和變量（除了this和argument。內(nèi)部中的函數(shù)中的this指向全局對象，argument指向內(nèi)部函數(shù)的函數(shù)參數(shù)）。我們可以利用這種屬性來模擬面向?qū)ο笾械乃接袑傩浴?
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是匿名函數(shù)執(zhí)行后返回的對象。匿名函數(shù)中變量value對于匿名函數(shù)外部來說是不可訪問的，但對于其內(nèi)部的函數(shù)，是可以訪問的，匿名函數(shù)執(zhí)行結(jié)束，由于變量value仍被返回的myObject對象所存取，故value所占據(jù)的內(nèi)存并沒有被銷毀。此時(shí)，內(nèi)部的變量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]
復(fù)制代碼 代碼如下:
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是匿名函數(shù)執(zhí)行后返回的對象。匿名函數(shù)中變量value對于匿名函數(shù)外部來說是不可訪問的，但對于其內(nèi)部的函數(shù)，是可以訪問的，匿名函數(shù)執(zhí)行結(jié)束，由于變量value仍被返回的myObject對象所存取，故value所占據(jù)的內(nèi)存并沒有被銷毀。此時(shí)，內(nèi)部的變量value就如同myObject對象的私有變量一樣。
復(fù)制代碼 代碼如下:
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]
您可能感興趣的文章:
- js類中的公有變量和私有變量
- javascript入門基礎(chǔ)之私有變量
- javascript 動態(tài)生成私有變量訪問器
- JavaScript 模擬類機(jī)制及私有變量的方法及思路
- 深入理解JavaScript中的塊級作用域、私有變量與模塊模式
- JavaScript面向?qū)ο笾接徐o態(tài)變量實(shí)例分析
- js面向?qū)ο笾?、私有、靜態(tài)屬性和方法詳解
- js基礎(chǔ)知識（公有方法、私有方法、特權(quán)方法）
- Javascript 構(gòu)造函數(shù),公有,私有特權(quán)和靜態(tài)成員定義方法
- JavaScript私有變量實(shí)例詳解
相關(guān)文章
javascript 定義初始化數(shù)組函數(shù)
有段javascript代碼很困惑，經(jīng)過不斷的查資料，終于弄懂了！呵呵！2009-09-09
在 JavaScript 中監(jiān)聽用戶的鍵盤輸入是很容易的事情，但用戶一旦使用了輸入法，問題就變得復(fù)雜了。2011-05-05
uniapp開發(fā)小程序?qū)崿F(xiàn)全局懸浮按鈕的代碼
這篇文章主要介紹了uniapp開發(fā)小程序如何實(shí)現(xiàn)全局懸浮按鈕,但是在uniapp中式?jīng)]有window對象，和dom元素的，需要獲取頁面上節(jié)點(diǎn)的幾何信息，具體實(shí)例代碼詳細(xì)跟隨小編一起看看吧
2022-03-03 
Bootstrap教程JS插件滾動監(jiān)聽學(xué)習(xí)筆記分享
這篇文章主要為大家分享了Bootstrap教程JS插件滾動監(jiān)聽學(xué)習(xí)筆記，內(nèi)容很詳細(xì)，感興趣的小伙伴們可以參考一下
2016-05-05 
swiperjs實(shí)現(xiàn)導(dǎo)航與tab頁的聯(lián)動
這篇文章主要為大家詳細(xì)介紹了swiperjs實(shí)現(xiàn)導(dǎo)航與tab頁的聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12 
本文將用html，css和JavaScript實(shí)現(xiàn)一個(gè)簡單的便簽系統(tǒng)。除非手動清空便簽，否則便簽會一直保留，非常方便。感興趣的小伙伴可以跟隨小編一起動手試一試
2022-02-02 
javascript 緩沖效果實(shí)現(xiàn)代碼 推薦
緩沖效果就是實(shí)現(xiàn)一個(gè)頁面的由慢到快或由快到慢的過程。
2009-09-09 
本文主要介紹JS原型鏈的知識，這里整理了相關(guān)資料及簡單實(shí)現(xiàn)示例代碼，有興趣的小伙伴可以參考下
2016-09-09 ![解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼](http://img.jbzj.com/images/xgimg/bcimg9.png)
解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼
這句代碼在IE9之前曾被稱為世界上最短的IE判定代碼。代碼雖短但確包含了不少javascript基礎(chǔ)知識在里面。
2011-05-05