Блог

Рассмотрим приведенный ниже код. Первый console.log правильно регистрирует изображение, и вы можете увидеть его свойства на изображении ниже. Однако, когда я пытаюсь зарегистрировать одно из его свойств в консоли, я получаю undefined !

 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
 

Результат в консоли:

Есть идеи, что здесь происходит? xml Свойство внутри that.data[0] должно также иметь свойства внутри него — по сути, с тем же именем, что и свойства в cards .

Черт возьми, я получаю то же самое в Firebug (изображение консоли выше — Chrome).

Я решил проблему. По сути, рассматриваемый объект ( that.data[0].cards ) имеет свои свойства, созданные функцией a() , которая запускается после обработки всех запросов AJAX для необходимых файлов XML. Я разрешаю выполнение запросов асинхронно, используя счетчик для определения в функции success обратного вызова, если a() она еще должна быть вызвана.

После a() запуска функция b() должна выполнять операции that.data[i].cards . Однако b() он выполнялся до a() вызова из a() -за зависимости от асинхронных запросов. Итак, решением было просто выполнить a() вызов b() .

Так что это оказалось довольно простой ошибкой с моей стороны. Что сделало это настолько запутанным, так это тот факт, что вход that.data[0].cards в консоль показал мне, что на самом деле cards объект уже создан, хотя на самом деле он еще не был создан. Итак, консоль предоставляла мне неверную — или, по крайней мере, неясную — информацию.

Спасибо всем за помощь прошлой ночью! Все голоса за 🙂

Я думаю, что ключи объекта имеют непечатаемые символы, такие могут быть воспроизведены следующим образом:

 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: поскольку вы не можете этого сделать, я придумал другой способ проверить, есть ли непечатаемые символы:

Скопируйте ключевую строку следующим образом: (пройдите весь путь как можно дальше с обоих концов, чтобы выбрать любые невидимые символы)

Затем сбросьте свой буфер обмена следующим образом (убедитесь, что вы используете двойные кавычки):