개체 상태에서만 존재하는 변수를 만드는 방법은 무엇입니까? 질문의

Question

제목은 최고 수 있지만, 여기에 내가 지금까지 작성한 코드입니다하지 않을 수 있습니다

var menuState = { 

    //state variables 
    menuBttn: { 
     x: _canvas.width/2, 
     y:_canvas.height/2, 
     img: imageArray[2], 
     over: false, 
     click: function() { 
      changeState(2); 
     } 
    }, 

    preload: function() { 

    }, 

    update: function(){ 
     surface.clearRect(0, 0, _canvas.width, _canvas.height); 
     for (var i = 0; i < menuAssets; i++){ 
     surface.drawImage(//draw menuBttn);    
     } 
    }, 

    exit: function(){ 

    }, 

}; 

내가하고 싶은 본질적으로 menuButtn (어떤 객체이다)라는 변수를 생성하는 menuState 내에 만 존재합니다.

은 내가 수행하여이 작업을 수행 할 수 있다고 생각 :

var menuState = { 

     //state variables 
     this.menuBttn = { 
      x: _canvas.width/2, 
      y:_canvas.height/2, 
      img: imageArray[2], 
      over: false, 
      click: function(){ 
       changeState(2); 
      } 
     }, 
    } 

이 그것을 Phaser.io (게임을 만들기위한 라이브러리)에서 작동하는 방법입니다,하지만 난 내 자신의 게임 엔진을 만들기 위해 노력하고있어 .

어떻게 해결할 수 있습니까?

Answer 1

나는 당신이 올바르게하고 있다고 생각합니다. 메뉴 단추는 만든 개체의 범위 내에 만 있으므로 다른 클래스는 menuState 안에 있으므로 menuBttn에 액세스 할 수 없습니다. 키워드를 사용하면 매우 똑똑합니다.

다른 옵션은 새 버튼을 만드는 make_button 함수를 만들고 menuState 객체 내부에 생성하는 것입니다. 그것은 같은 것을 성취합니다.

Answer 2

즉시 호출되는 함수 식 (IIFE)을 사용하고 "개인"멤버를 만들기 위해 클로저를 사용하는 "모듈 패턴"을 찾고있을 것입니다.

var foo = (function() { 
 
    
 
    // Private function 
 
    function bar(text) { 
 
    console.log(text); 
 
    } 
 
    
 
    // Private variable 
 
    var private = 'initial value'; 
 
    
 
    // Object to assign to foo 
 
    return { runBar: function(text) { 
 
        bar(text); 
 
        }, 
 
      setPrivate: function(value) { 
 
        private = value; 
 
        }, 
 
      getPrivate: function() { 
 
        return private; 
 
        } 
 
      }; 
 
}()); 
 

 
console.log(foo.runBar('bar text')); // bar text 
 
foo.setPrivate('new value'); 
 
console.log(foo.getPrivate()); // new value

이에 대한 기사가 많이 있는데, 검색을 시작합니다. ;-)

Answer 3

첫 번째 예와 마찬가지로이 방법을 사용하십시오. 이렇게하면 "menuState.menuBttn"을 사용하거나 menuBttn 속성에 액세스하려는 경우 menuBttn에 액세스 할 수 있습니다. "menuState.menuBttn.x"를 사용할 수 있습니다. 또한 함수에 한 줄 주석을 넣을 수 없습니다.

surface.drawImage(//draw menuBttn); 

오류가 발생합니다.