Question

我有一个最奇怪的问题，我不能为我的生活搞清楚。如果我这样做：

console.log(settings);

我明白了：

Object{
activeImage: 0
containerBorderSize: 10
containerResizeSpeed: 400
fixedNavigation: false
imageArray: Array[58]
imageBlank: "http://www.cappellaniauniromatre.org/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/jquery.lightbox/lightbox-blank.gif"
imageBtnClose: "http://www.cappellaniauniromatre.org/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/jquery.lightbox/lightbox-btn-close.gif"
imageBtnNext: "http://www.cappellaniauniromatre.org/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/jquery.lightbox/lightbox-btn-next.gif"
imageBtnPrev: "http://www.cappellaniauniromatre.org/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/jquery.lightbox/lightbox-btn-prev.gif"
imageLoading: "http://www.cappellaniauniromatre.org/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/jquery.lightbox/lightbox-ico-loading.gif"
keyToClose: "c"
keyToNext: "n"
keyToPrev: "p"
overlayBgColor: "#000"
overlayOpacity: 0.8
txtImage: "Image"
txtOf: "of"
__proto__: Object
}

现在，如果我改为：

console.log(settings.imageArray);

我得到一个空数组！

[]

我知道这个数组有58个元素，如果我直接访问该属性，为什么它显示为空？如果我尝试直接访问任何其他属性，我会得到正确的值。但是如果我尝试访问“imageArray”，我会得到一个空数组。为什么会这样呢？

Answer 1

console.log(settings)将settings的实时引用放入控制台。这意味着settings之后对console.log(settings)的任何更改都会显示在控制台中。

例如：

var settings = { imageArray: [ ] };
console.log(settings);
console.log(settings.imageArray);
settings.imageArray = [ 'where', 'is', 'pancakes', 'house?' ];
console.log(settings.imageArray);

会在控制台中给你这个：

Object
    imageArray: Array[4]
[]
["where", "is", "pancakes", "house?"]

第一个console.log(settings.imageArray)为空并且保持为空，因为settings.imageArray引用已被替换。

演示：http://jsfiddle.net/K4BEs/

当直接访问作为数组的javascript对象属性时，它显示为空

1 个答案: