Object.keys()是否可以在Internet Explorer 9中用于内置对象?

Sam*_*ton 3 javascript internet-explorer-9 ecmascript-5

Object.keys()方法对我来说适用于以下代码:

var foo = {foo: 1, bar: 2};
console.log(Object.keys(foo).length);
Run Code Online (Sandbox Code Playgroud)

但是,Object.keys()为内置对象返回一个零长度数组,其代码如下:

<!doctype html> 
<html>

<head>

<title>Object.keys()</title>

</head>

<body>
<script type="text/javascript">
console.log(Object.keys(window.document).length);
</script>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

我想念什么吗?我正在使用Internet Explorer 9.0.8112.16421。


后记:我仍然不清楚为什么(例如):

    for (prop in performance.timing) {
        if (performance.timing.hasOwnProperty(prop)) {
            console.log(prop); 
        }
    }
Run Code Online (Sandbox Code Playgroud)

...在IE9中什么也没产生,但是效果很好:

for (prop in performance.timing) {
    console.log(prop); 
}
Run Code Online (Sandbox Code Playgroud)

T.J*_*der 5

在JavaScript中,存在本机对象宿主对象。通常,您可以依靠诸如Object.keys处理本机对象之类的东西,而不能依靠宿主对象。windowdocument和其他是宿主对象。IE尤其以其宿主对象不是本地类(宿主函数不具有callapply功能等)而闻名。

当然,也可以是document没有可枚举的属性。对象的大多数默认属性都是不可枚举的,因此不会显示在中Object.keys。例如,Object.keys([]).lengthObject.keys(new RegExp(".*")).length都是0因为它们都不具有任何可枚举的属性,即使它们都有很多属性(它们都具有所有“方法”的length属性,当然,空白数组具有,并且RegExp具有lastIndex属性)。


更新:实际上,这是难以计数的。试试这个测试:

alert(Object.keys(window.document).length);
window.document.AAA__expando__property = "foo";
alert(Object.keys(window.document).length);
Run Code Online (Sandbox Code Playgroud)

对我而言,在IE9上,这些警报分别为“ 0”和“ 1”。因此window.documentsupports Object.keys只是window.document默认情况下没有任何可枚举的属性。(相比之下,在Chrome上,我首先获得65个可枚举的属性,添加expando之后当然有66个。)

这是一个相当完整的测试页面(实时副本)(很快就被黑了,不是一件美事):

window.onload = function() {

  document.getElementById('theButton').onclick = function() {

    if (typeof Object.keys !== 'function') {
      display("<code>Object.keys</code> is not a function");
      return;
    }
    showKeys("Before adding", Object.keys(window.document));
    window.document.AAAA__expando__foo = "bar";
    showKeys("After adding", Object.keys(window.document));
  };

  function showKeys(prefix, keys) {
    var p, ul;

    keys.sort();
    prefix =
      "[" + prefix +
      "] Keys on <code>window.document</code> (" +
      keys.length +
      ")";
    if (keys.length !== 0) {
      prefix += " (click to toggle list)";
    }
    p = display(prefix);
    if (keys.length !== 0) {
      ul = document.createElement("ul");
      ul.innerHTML = "<li>" + keys.join("</li><li>") + "</li>";
      ul.style.display = "none";
      document.body.appendChild(ul);
      p.onclick = function() {
        ul.style.display =
          (ul.style.display === "none") ? "" : "none";
      };
    }
  }

  function display(msg) {
    var p = document.createElement('p');
    p.innerHTML = msg;
    document.body.appendChild(p);
    return p;
  }

};
Run Code Online (Sandbox Code Playgroud)

  • @Raynos,因为ECMAScript标准中未定义它。ECMAScript标准指出,主机对象是任何其语义未由ECMAScript规范完全定义的对象。 (3认同)