Javascript 数组传输，但值不是

Question

我有一个函数 quickbuy_view.checkout()它接受一个 product 对象。我用

调用函数

quickbuy_view.checkout(new Product(12530257))

这是出现错误的代码的一部分

console.log('quickbuy_view')
console.log(quickbuy_view)
console.log('quickbuy_view.product')
console.log(quickbuy_view.product)
console.log('quickbuy_view.product.displays');
console.log(quickbuy_view.product.displays);

var display = quickbuy_view.product.displays[0];
//This is where the actual error occurs
$('#quickbuy .display .main img').attr('src',display.vw1Reg)

在 chrome 的控制台中，我可以看到 quickbuy_view.product 返回一个带有长度为 3 的 displays 数组的对象。但是当我尝试记录 quickbuy_view.product .displays，返回一个空数组。

奇怪的是，当我稍后输入 quickbuy_view.product.displays 时，我得到了预期的数组。

Answer 1

这是因为 Chrome 开发工具 console.log 的工作方式。当您记录一个对象时，它仍然存在，也就是说它不是其当前状态的快照。但是，当您记录原语时，它是属性的当前状态。

因此 displays 数组是在记录代码之后设置的，但是当您检查 product 属性时，它是“实时的”，因此直到你扩展它。