Почему мой метод объекта javascript не возвращается?

Question

Я тоже начинаю как в javascript oop, так и в игровом программировании (!). Здесь я создал игровой плеер с помощью метода. но метод возвращает undefined. почему это ?,

bobsGame = {}; 

bobsGame.player = function(which){ 
    this.which = which; 
    this.rollDice = function() { 
    diceVal = Math.floor(Math.random() * 6 + 1); 
    console.log(diceVal); 
    return diceVal; 
    } 
} 

var player1 = new bobsGame.player('player1'); 

, а затем в разметке ...

$('#roll-dice-btn-1').click(function(){ 
    bobsGame.player1.rollDice(); 
}); 

Answer 1

bobsGame.player1 не определен, поскольку player1 не был объявлен в объекте bobsGame.

Если вы хотите создать player1 в качестве ключа в своем объекте bobsGame, вы должны использовать вместо этого bobsGame.player1 = new bobsGame.player('player1');. Таким образом, ваш код будет выглядеть так: bobsGame = {};

bobsGame.player = function(which){ 
    this.which = which; 
    this.rollDice = function() { 
    diceVal = Math.floor(Math.random() * 6 + 1); 
    console.log(diceVal); 
    return diceVal; 
    } 
} 

var player1 = new bobsGame.player('player1'); 

В противном случае, вы можете использовать:

$('#roll-dice-btn-1').click(function(){ 
    player1.rollDice(); 
}); 

Answer 2

Ваш звонок должен быть player1.rollDice() как

$('#roll-dice-btn-1').click(function(){ 
    player1.rollDice(); 
    }); 

Вы смущены между player свойства объекта bobsGame и player1 объект, который вы на самом деле создали.

Answer 3

В вашем классе нет bobsGame.player1, вы просто инициировали новый экземпляр переменной player1?

var player1 = new bobsGame.player('player1'); 

$('#roll-dice-btn-1').click(function(){ 
    player1.rollDice(); 
}); 

FIDDLE

Answer 4

это может работать немного лучше

bobsGame.player1 = new bobsGame.player('player1'); 

Answer 5

Вы можете играть со структурой, как, что:

bobsGame = function(opts) { 
    this.player = opts.player; 
    this.diceVal = 0; 
} 

bobsGame.prototype.rollDice = function(){ 
    this.diceVal = Math.floor(Math.random() * 6 + 1); 
} 

И в главном файле:

var player1 = new bobsGame({player: 'player1'}); 
$('#roll-dice-btn-1').click(function(){ 
    player1.rollDice(); 
    console.log(player1.diceVal); 
}); 

JsFiddle

Answer 6

небольшая проблема с вашим. Он не может найти bobsGame.player1 в вашем классе. Так как это изменить, и он будет работать нормально ..

bobsGame.player = function(which){ 
    this.which = which; 

    this.rollDice = function(){ 
     diceVal = Math.floor(Math.random() * 6 + 1); 
     console.log(diceVal); 
     return diceVal; 
    } 
} 


    var player1 = new bobsGame.player('player1'); 
    player1.rollDice();