javascript - 遍历对象属性会在不同的浏览器中产生不同的结果

Question

我在 JavaScript 中创建了一个非常基本的对象，并通过它的属性循环，显示属性名称：

var name = {
                'A': 'DataA',
                'B': 'DataB',
                'C': 'DataC',
                'D': 'DataD',
                'E': 'DataE'
            }

for (var propName in name) {
    document.getElementById('result').innerHTML += propName + ' '
}

在 IE 和 FireFox 中，它会产生预期的结果：

A B C D E 

但在 Chrome 中，相同的代码会产生

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14

知道为什么吗？关键字name在 Chrome 中是否有意义？

Answer 1

当您将其用作全局变量时，Chrome 似乎并不喜欢它（window 对象上还有一个 name 属性）。只需在函数中运行它。

Answer 2

尝试

for (var propName in name) {
    document.getElementById('result').innerHTML += (propName + ' ');
}