js 스코프 및 외부 클래스에 대한 의문점

Question

js에서 oop를 처음 사용했습니다. Box2dWeb을 사용하여 HTML5 게임을 만들고 있는데, 게임을 완전히 기반으로해야한다고 결정했습니다.

: 그래서

(function(window) 
{ 
function Physics(element, scale){ 
//init world logic 
    } 

Physics.prototype.debug = function(){ 
      //debug draw logic 
}; 

Physics.prototype.step = function(dt){ 
    //step logic 
}; 

    //making this class(or object) visible on the global scope 
    //so i can create vars of this type anywhere in the application 
window.Physics = Physics; 
}(window)); 

physics.js 지금 나는 등 여기, 내 모든 게임 물리, 그래픽, 자산을 초기화하기 메인 game.js 파일이라는 별도의 파일에 같은 물리학 클래스를 만들었는 내용이다

(function(){ 
function init(){ 
    var physics = new Physics(document.getElementById("b2dCanvas"), 30); 
    console.log(physics); 
    physics.debug(); 
} 
window.addEventListener("load", init); 
}()); 

이 파일은 문제없이 내 Physics 개체를 초기화합니다. 궁극적으로 이것이 내가 원하는 것입니다. 큰! 그러나 이전에이 파일은 init() 함수 없이는 이와 같았습니다.

(function(){ 

    var physics = new Physics(document.getElementById("b2dCanvas"), 30); 
    console.log(physics); 
    physics.debug(); 
}()); 

이것은 분명히 오류 Uncaught TypeError: Cannot call method 'getContext' of null을 던졌습니다. 이것은 물리 생성자가 호출되고 있음을 의미합니다 (그리고이 시점에서 자연스럽게 element은 null이었습니다). 어떻게 가능 했습니까? game.js의 자체 실행 기능은 Physics 개체를 초기화해야합니까? 내가 뭘 놓치고 있니?

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.