我有一个我无法理解的问题。
我有一个对象数组,数组中每个对象的属性是 id、source 和 cache。id 是标识符,source 是文件的来源,cache 是实际文件。
当我控制台记录整个数组时,我得到以下输出;
console.log(array);
[Object]
0: Object
cache: img
id: "strawberry"
source: "http://127.0.0.1/images/strawberry.png"
它清楚地表明该数组有一个索引 0,它是一个对象。该对象有一个缓存属性,它是一个图像对象,一个 id 是草莓,一个源是图像的源。
我的问题是试图检索缓存图像对象。经过测试,我发现如果我控制台记录实际索引 0 而不是我得到的整个数组;
console.log(array[0]);
Object {id: "strawberry", source: "http://127.0.0.1/images/strawberry.png"}
你可以看到缓存已经消失了吗?我不明白这个?
如果重要的话,我正在使用严格编码。
谁能解释为什么会这样?
像这样设置缓存
var Assets = function (assets) {
this.assets = assets;
};
Assets.prototype.load = function () {
// For each asset
this.assets.forEach(function (asset, index) {
// Create new image object
var img = new Image();
// Image load handler
img.addEventListener("load", function () {
// Add image to assets
this.assets[index].cache = img;
}.bind(this), false);
// Set the image source
img.src = this.assets[index].source;
}, this);
};
var assets = new Assets([{id: "strawberry", source: "http://127.0.0.1/images/strawberry.png"}]);
assets.load();
console.log(assets.assets); // shows cache image obj
console.log(assets.assets[0]); // show no cache