如何在 JavaScript 对象中嵌入私有成员.docx
《如何在 JavaScript 对象中嵌入私有成员.docx》由会员分享，可在线阅读，更多相关《如何在 JavaScript 对象中嵌入私有成员.docx（12页珍藏版）》请在冰豆网上搜索。
如何在JavaScript对象中嵌入私有成员
最近，我开发一个项目 AngularCloudDataConnector,帮助Angular开发者使用云数据，特别是 Azure移动服务,使用WEB标准，像索引数据库（indexedDB）。
我尝试建立一种方式，使得JavaScript开发者能将私有成员嵌入到一个对象中。
我解决这个问题的技术用到了我命名的闭包空间（closurespace）。
在这篇入门文章中，我要分享的是如何在你的项目中用它，及它对主流浏览器的性能和内存的影响。
在深入学习前，咱们先说下，你为什么需要用到私有成员（privatemembers），还有一种替代方式来模拟私有成员。
1.为何要用私有成员（PrivateMembers）
当你用JavaScript创建一个对象时，可以声明值成员（valuemembers）。
如果你打算控制对它们的读/写访问操作，可以如下声明:
var entity = {};
entity._property = "hello world";
Object.defineProperty（entity, "property", {
get:
function （） { return this._property; },
set:
function （value） {
this._property = value;
},
enumerable:
true,
configurable:
true
}）;
这样实现，你能完全控制读和写操作。
问题在于_property成员仍然可以直接访问和修改。
这也就是为何我们需要更加稳定可靠的方式，声明私有成员，它智能通过对象的方法来访问。
2.使用闭包空间（ClosureSpace）
解决方法是使用闭包空间。
每当内部函数（innerfanction）访问来自外部函数作用域的变量时，浏览器为你分配一段内存空间。
有时很取巧，不过就我们的题目来讲，这算是一个完美的解决方案。
我们在上个代码版本中添加这个特性:
var createProperty = function （obj, prop, currentValue）
{
Object.defineProperty（obj, prop,
{
get:
function （） { return currentValue; },
set:
function （value） {
currentValue = value;
},
enumerable:
true,
configurable:
true }）;
}
var entity = {};
var myVar = "hello world";createProperty（entity, "property", myVar）;
示例中，createProperty函数有一个currentValue变量，存在get和set方法。
此变量会保存到get和set函数的闭包空间中。
现在，只有这两个函数能看到和更新 currentValue变量!
任务完成!
唯一需要警惕caveat，警告，注意）的是源值（myVar）仍可访问。
下面给出另一个更健壮的版本（保护myVar变量）:
var createProperty = function （obj, prop） {
var currentValue = obj[prop];
Object.defineProperty（obj, prop, {
get:
function （） { return currentValue; },
set:
function （value） {
currentValue = value;
},
enumerable:
true,
configurable:
true
}）;
}
var entity = {
property:
"hello world"
};
createProperty（entity, "property"）;
采用该函数,即便源值都销毁（destructed，注：
意思是不能直接赋值）了。
到此大功告成了!
3. 性能考虑PerformanceConsiderations
现在咱们看看性能。
很明显，比起一个简单的变量，闭包空间，甚或（对象）属性要慢的多，且更消耗资源。
这就是本文更多关注普通方式和闭包空间机制差异的原因。
为证明闭包空间机制并不比标准方式更消耗资源， 我写了下面代码做个基准测试：
DOCTYPE html>
//www.w3.org/1999/xhtml">
Computing...