javascript - 变量突然变成未定义？

Question

我正在尝试弄清楚如何将一些图像加载到 javascript 中以使用 Canvas 。我想首先我会获取 JSON 对象并处理数组的所有成员......

canvasAssets = [{name:"purple_guy", src:"sprites/purpleguy.png", type: "image"}];

function loadAssets(){
alert(canvasAssets); // THIS WORKS
    //parse all assets
    for(i=0;i<canvasAssets.length;i++){
    alert(canvasAssets); //THIS WORKS
        //image assets
        if(cavasAssets[i].type == "image"){ //ERRORS HERE saying undefined
        alert(canvasAssets);
            name = cavasAssets[i].name;
            imageAssets[name] = new Image();
            imageAssets[name].onload = function(){
                                            completedAssets++;
                                            if(completedAssets = canvasAssets.length){
                                                drawCanvas();
                                            }
                                        };
            imageAssets[name].src = cavasAssets[i].src;
        }
    }
}

我现在遇到的问题是，突然在 if() block if(cavasAssets[i].type == "image") 中，它说我的变量未定义，我也不知道为什么。

Answer 1

你打错了 cavasAssets 应该是 canvasAssets。我会再次查看代码，我在后面看到更多 name = cavasAssets[i].name 和 imageAssets[name].src = cavasAssets[i].src; 只需查找并替换，因为您一直拼写错误。