Ошибка объявления функции JavaScript

Question

Я только начал изучать JS и программировать одну небольшую игру для обучения. Но я получаю странные ошибки при выполнении этого объекта:

mainState = { 
    name : "GAME_STATE", 

    Setup: function(context, settings) { 
    } 


    HandleKeyDown: function(event) { 
    } 

    Update: function(settings){ 

    } 

    Draw: function(context, settings){ 

    } 
} 

И все, что Поджигатель говорит,:

SyntaxError: missing } after property list 
HandleKeyDown: function(event) { 

Спасибо за вашу помощь!

Answer 1

Вам необходимо добавить запятые:

mainState = { 
    name : "GAME_STATE", 

    Setup: function(context, settings) { 
    }, 


    HandleKeyDown: function(event) { 
    }, 

    Update: function(settings){ 

    }, 

    Draw: function(context, settings){ 

    } 
} 

Answer 2

Вам нужно поставить запятую между свойствами (ключ и его значение), в противном случае он не является допустимым объект JavaScript, и, следовательно, эта ошибка компиляции брошенной Firebug

SyntaxError: missing } after property list

Вот правильный способ сделать это

mainState = { 
    name: "GAME_STATE", 
    Setup: function(context, settings) {}, 
    HandleKeyDown: function(event) {}, 
    Update: function(settings) {}, 
    Draw: function(context, settings) {} // here no comma 
} 

Answer 3

В JavaScript, вы можете легко создавать JavaScript объектов, но сначала вы должны знать обозначение:

var jsObj1 = {}; //A very basic initiation. 
var jsObj2 = { 
    a: "a", 
    b: "b", 
    c: "c" 
}; 

Здесь, как вы можете видеть, есть запятые между каждым полем объекта JS. Для вашей ситуации здесь, вы создали функции для каждого из значений полей вашего JS объекта, но забыли поставить запятые:

var mainState = { 

    name : "GAME_STATE", 

    Setup: function(context, settings) { 

    }, 

    HandleKeyDown: function(event) { 

    }, 

    Update: function(settings) { 

    }, 

    Draw: function(context, settings) { 

    } 

}; 

Так что это будет работать без каких-либо ошибок.