Переменная вдруг становится неопределенной?

Question

Я пытаюсь решить, как загрузить некоторые изображения в JavaScript для работы с холстом.Я решил, что сначала я возьму объект 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 () if(cavasAssets[i].type == "image"), он говорит, что моя переменная не определена, и я не знаю почему.

Answer 1

У вас есть опечатка cavasAssets должно быть canvasAssets. Я бы снова просмотрел код, еще немного, я сразу увидел name = cavasAssets[i].name и imageAssets[name].src = cavasAssets[i].src; Просто найдите и замените, поскольку вы постоянно пишете его неправильно.