javaScript 利用闭包模拟对象的私有属性_javascript技巧-js教程-PHP中文网

javaScript 利用闭包模拟对象的私有属性_javascript技巧

php中文网

发布： 2016-05-16 17:57:51

原创

1574人浏览过

JavaScript缺少块级作用域，没有private修饰符，但它具有函数作用域。作用域的好处是内部函数可以访问它们的外部函数的参数和变量（除了this和argument。内部中的函数中的this指向全局对象，argument指向内部函数的函数参数）。我们可以利用这种属性来模拟面向对象中的私有属性。

巧文书

巧文书是一款AI写标书、AI写方案的产品。通过自研的先进AI大模型，精准解析招标文件，智能生成投标内容。

查看详情

复制代码代码如下:

 
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] 

大家都在看：

JS插件开发中如何使用闭包_JavaScript闭包在插件中的应用详解 JavaScript 包体积优化：Tree Shaking 与代码压缩 JavaScript 闭包：理解闭包原理与内存泄漏问题在HTML字符串中精确计算字符数，包括换行符的处理方法 JavaScript中如何精确校验数字是否包含两位小数