是否可以模拟不可枚举的属性？

Question

ES5 有一个可枚举标志。 示例

示例

var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor
 , pd = getOwnPropertyDescriptor(Object.prototype, "toString");

assert(pd.enumerable === false, "enumerability has the wrong value");

部分实现

部分实现 可以通过使用 shimmed 让 Object.keys 和 Object.getOwnPropertyNames 过滤掉新的不可枚举属性来实现Object.defineProperty。

简介

这允许属性是不可枚举的。这显然意味着 示例

for (var key in {}) {
    assert(key !== "toString", "I should never print");
}

这允许我们添加属性来表示 Object.prototype (示例)

Object.defineProperty(Object.prototype, "toUpperCaseString", {
    value: function toUpperCaseString() {
        return this.toString().toUpperCase();
    },
    enumerable: false
});

for (var key in {}) {
    assert(key !== "toUpperCaseString", "I should never print");
}

console.log(({}).toUpperCaseString()); // "[OBJECT OBJECT]"

问题

我们如何在不兼容 ES5 的浏览器中模拟这一点？

浏览器兼容表

在这种情况下，我们关心的是可能为

• IE << 解决此问题。 9（IE8 仅适用于 DOM 对象）
• Firefox 3.6
• Safari 4
• Opera 11.5（Opera 11.6 解决了这个问题）。

ES5-shim 没有针对此问题的解决方案。

ES5 shim 有一个针对大多数 ES5 功能的解决方案，如果它不起作用，将会破坏您的代码 。

是否有任何黑魔法可以通过仅适用于 IE 的 API 来完成？也许用 VBScript ？

Answer 1

您可以通过代码重写来做到这一点。将 for (p in o) body 的每次使用重写为

for (p in o) {
  if (!(/^__notenum_/.test(p) || o['__notenum_' + p])) {
    body
  } 
}

，然后您可以通过定义 __notenum_... 属性来标记不可枚举的属性。为了兼容，您必须调整上面的内容，以确保 __notenum_propname 与 propname 定义在相同的原型级别，如果您使用它们，请覆盖 eval 和 new Function 进行重写。

这基本上就是 ES5/3 的作用。

Answer 2

Partial.js 作者：Jake Verbaten 就是答案。

partial.js 如下，

/* partial non-enumerable property implementation

  Adds a flag to a weakmap saying on obj foo property bar is not enumerable.

  Then checks that flag in Object.keys emulation.
*/

// pd.Name :- https://github.com/Raynos/pd#pd.Name
var enumerables = pd.Name();

Object.defineProperty = function (obj, name, prop) {
    if (prop.enumerable === false) {
         enumerables(obj)[name] = true;
    }
    ...
};

Object.keys = function (obj) {
    var enumerabilityHash = enumerables(obj), keys = [];
    for (var k in obj) {
        if (obj.hasOwnProperty(k) && !enumerabilityHash[k]) {
             keys.push(k);
        }
    }
    return keys;
};

Object.getOwnPropertyNames = function (obj) {
    var keys = [];
    for (var k in obj) { 
        if (obj.hasOwnProperty(k)) {
             keys.push(k);
        }
    }
};

我希望这对寻找此修复程序的人有所帮助。

Answer 3

如果您确实非常关心 IE8/IE7 那么您可以这样做

for (p in o) {
   if (o.hasOwnProperty(p)) { body } 
}

没有真正的“黑客”替代方案，但这可能是简单情况的解决方法

接受的答案并不真正适用于文字，即字符串 ""、数字 3 或布尔值 true