オブジェクトを機能させる。 JavaScriptの

Question

gameIは、以下の「クラス」を作成しました：

function State(){ 
    this.board = []; 
    for (i=0; i< 9; i++){ 
     var row = []; 
     for (j=0; j< 9; j++){ 
     row.push(0); 
     } 
     this.board.push(row); 
    } 
} 

それはnextEmptyCellと呼ばれる方法があります。

State.prototype.nextEmptyCell = function(){ 
    ... 
} 

私は、このクラスのインスタンスを作成し、別の関数に渡されました。次の行に

game = new State(); 
function solveSudoku(game){ 
    var next = game.nextEmptyCell(); 
    ... 
} 

：

"Uncaught TypeError: Cannot read property 'nextEmptyCell' of undefined".

「ゲーム」は未定義とどのようにこのエラーを修正することですなぜ私は理解していない：var next = game.nextEmptyCell();私はというエラーを受け取ります。 フルコードへのリンク：jsfiddle.net/py6kv7ps/5

P.S. JSをOOPとして使用するより良い方法はありますか？

Answer 1

問題は、引数を渡さずに再帰的にそれを呼び出しているsolveSudoku()から来ているメソッド内でゲームの正しい値を使用するようにメソッド呼び出しに渡すことができます。それはなぜあなたが間違っているのですか？ `;

"Uncaught TypeError: Cannot read property 'nextEmptyCell' of undefined".

function solveSudoku(game) { 
     if (solveSudoku(ADD game OBJECT HERE)) { 
     return game; 
     } 
} 

Answer 2

おそらくgame.nextEmptyCell()であり、state.nextEmptyCell()ではありません。投稿したコードのどこにでもstateという名前の変数はありません。

Answer 3

これはパラメータgameが同じ名前のglbal変数gameを陰にしているためです。グローバル変数game = new State();は正しい値を持っています。だから、solveSudoku()

function State(){ 
 
    this.board = []; 
 
    
 
    for (i=0; i< 9; i++){ 
 
     var row = []; 
 
     for (j=0; j< 9; j++){ 
 
     row.push(0); 
 
     } 
 
     this.board.push(row); 
 
    } 
 
} 
 

 
State.prototype.nextEmptyCell = function(){ 
 
    console.log('egvse gtrs'); 
 
    document.write('egvse gtrs'); 
 
}; 
 

 
var game = new State(); 
 
function solveSudoku(game){ 
 
    var next = game.nextEmptyCell(); 
 
} 
 

 
solveSudoku(game);