如何在JavaScript对象中嵌入私有成员
最近，我开发一个项目 Angular Cloud Data Connector, 帮助Angular开发者使用云数据，特别是 Azure移动服务, 使用WEB标准，像索引数据库(indexed DB)。我尝试建立一种方式，使得JavaScript开发者能将私有成员嵌入到一个对象中。我解决这个问题的技术用到了我命名的闭包空间（closure space）。在这篇入门文章中，我要分享的是如何在你的项目中用它，及它对主流浏览器的性能和内存的影响。在深入学习前，咱们先说下，你为什么需要用到私有成员（private members）， 还有一种替代方式来模拟私有成员。1. 为何要用私有成员（Private Members）当你用JavaScript 创建一个对象时，可以声明值成员（value members）。 如果你打算控制对它们的读/写访问操作，可以如下声明: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. 使用闭包空间（Closure Space）解决方法是使用闭包空间。每当内部函数 (inner fanction) 访问来自外部函数作用域的变量时，浏览器为你分配一段内存空间。有时很取巧，不过就我们的题目来讲，这算是一个完美的解决方案。我们在上个代码版本中添加这个特性: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 = objprop; Object.defineProperty(obj, prop, get: function () return currentValue; , set: function (value) currentValue = value; , enumerable: true, configurable: true );var entity = property: "hello world"createProperty(entity, ".baiyuewang.netproperty");采用该函数, 即便源值都销毁(destructed，注：意思是不能直接赋值)了。到此大功告成了!3. 性能考虑Performance Considerations现在咱们看看性能。很明显，比起一个简单的变量，闭包空间，甚或（对象）属性要慢的多，且更消耗资源。这就是本文更多关注普通方式和闭包空间机制差异的原因。为证明闭包空间机制并不比标准方式更消耗资源， 我写了下面代码做个基准测试：<!DOCTYPE html><html xmlns=".w3.org/1999/xhtml"><head> <title></title></head><style> html font-family: "Helvetica Neue", Helvetica; </style><body> <div id="results">puting.</div> <script> var results = document.getElementById("results"); var sampleSize = 1000000; var opCounts = 1000000; var entities = setTimeout(function () / Creating entities for (var index = 0; index < sampleSize; index+) entities.push( property: "hello world (" + index + ")" ); / Random reads var start = new Date().getTime(); for (index = 0; index < opCounts; index+) var position = Math.floor(Math.random() * entities.length); var temp = entitiesposition.property; var end = new Date().getTime(); results.innerHTML = "<strong>Results:</strong><br>Using member access: <strong>" + (end - start) + "</strong> ms" , 0); setTimeout(function () / Closure space = var createProperty = function (obj, prop, currentValue) Object.defineProperty(obj, prop, get: function () return currentValue; , set: function (value) currentValue = value; , enumerable: true, configurable: true ); / Adding property and using closure space to save private value for (var index = 0; index < sampleSize; index+) var entity = entitiesindex; var currentValue = entity.property; createProperty(entity, "property", currentValue); / Random reads var start = new Date().getTime(); for (index = 0; index < opCounts; index+) var position = Math.floor(Math.random() * entities.length); var temp = entitiesposition.property; var end = new Date().getTime(); results.innerHTML += "<br>Using closure space: <strong>" + (end - start) + "</strong> ms" , 0); setTimeout(function () / Using local member = / Adding property and using local member to save private value for (var index = 0; index < sampleSize; index+) var entity = entitiesindex; entity._property = entity.property; Object.defineP
