为什么这个对象属性未定义？

Question

考虑下面的代码。第一个 console.log 正确记录了图像，您可以在下图中看到其属性。然而，当我尝试将其属性记录到控制台时，我得到了未定义！

console.log(that.data[0].cards); //works -- see image below
console.log(that.data[0].cards.E); //undefined
console.log(that.data[0].cards['E']); //undefined
console.log(that.data[0].cards.hasOwnProperty('E')); //false

var test = JSON.stringify(that.data[0]);
console.log(test); // {}

for( var key in that.data[0].cards ) {
    console.log('hello????') //doesn't appear in the console
}

console.log( Object.keys( that.data[0].cards ) ); //[]
console.log( that.data[0].cards.propertyIsEnumerable("E") ); //false
console.log( that.data[0].cards.__lookupGetter__( "E" ) ); //undefined

控制台中的结果：

知道这里发生了什么吗？ that.data[0] 内部的 xml 属性内部也应该有属性——事实上，与 cards< 中的属性命名相同。 /代码>。

FWIW，我在 Firebug 中得到了同样的结果（上面的控制台图像是 Chrome）。

Answer 1

我已经解决了这个问题。基本上，所涉及的对象 (that.data[0].cards) 的属性是由函数 a() 创建的，该函数在所有 AJAX 请求之后运行以获取必要的信息。 XML 文件已被处理。我允许请求异步运行，使用计数器在 success 回调函数中确定是否应该调用 a()。

在 a() 运行后，函数 b() 应该对 that.data[i].cards 执行操作。但是，由于 a() 依赖于异步请求，因此 b() 在调用 a() 之前运行。因此，解决方案很简单，让 a() 调用 b()。

所以这对我来说是一个非常简单的错误。令人困惑的是，将 that.data[0].cards 记录到控制台向我表明，事实上 cards 对象已经构建，当事实上还没有。所以控制台向我提供了不正确的——或者至少是不清楚的——信息。

感谢昨晚大家的帮助！大家都点赞:)

Answer 2

我认为对象键具有不可打印的字符，可以像这样复制：

var obj = {};
obj["E"+String.fromCharCode(15)] = new Array(15);

console.log(obj);

/*Object
E: Array[15]
__proto__: Object*/

console.log(obj.E)

//undefined

console.log( obj["E"+String.fromCharCode(15)] )

//[]

编辑：您可以看看您的对象键是否属于这种情况：

var realKeys = [];

for( var key in obj ) {
realKeys.push( [].slice.call( key ).map( function(v){return v.charCodeAt(0);} ).join(" ") );
}

//["69 15"] (69 stands for the letter "E" and 15 was the unprintable character I added manually)

编辑2：因为您不能这样做，所以我想出了另一种方法来查看是否有是不可打印的字符：

像这样复制粘贴密钥字符串：（在两端尽可能多地粘贴，以便选择任何不可见的字符）

然后转储你的像这样的剪贴板（确保使用双引号）：