자바 스크립트 모듈 패턴, 범위 및 "this"

Question

커스텀 자바 스크립트 라이브러리를 만드는 것에 대해 고민하고 있습니다. 모듈 패턴에 대해 많이 읽었으며 개인 및 공공 회원에 대한 Crockford의 기사도 읽습니다. 나는 즉시 호출 함수 표현식 무엇인지 우리는 그러나

var myLib = (function() { 
}()) 

같은 물건을 할 이유를 나는 아직도 일반적으로 범위 및 폐쇄에 관한 일부의 경우에 약간의 손실입니다. 구체적인 문제는 다음과 같습니다.

다음 예제는 왜 myLib 객체가 아닌 DOMWindow를 경고합니까? http://jsfiddle.net/slavo/xNJtW/1/

해당 예제의 모든 메소드에서 "this"가 무엇을 의미하는지 설명 할 수 있다면 좋을 것입니다.

Answer 1

다음과 같이 this 당신이 다음 방법 중 하나를 따를 수 '인 myObject'의 인스턴스를 개인 기능을 작성하고 액세스하려면 윈도우 객체

function anyFunc(){ 
    alert(this); // window object 
} 

anyFunc(); 


var anyFunc2 = function(){ 
    alert(this); // window object 
} 

anyFunc2(); 

될 것입니다

한

module = (function() { 

    var privateFunc = function() { 
     alert(this); 
    } 

    var myObject = { 
     publicMethod: function() { 
      privateFunc.apply(this); // or privateFunc.call(this); 
     } 
    }; 

    return myObject; 
}()); 


module.publicMethod(); 

두

module = (function() { 

    var _this; // proxy variable for instance 

    var privateFunc = function() { 
     alert(_this); 
    } 

    var myObject = { 
     publicMethod: function() { 
      privateFunc(); 
     } 
    }; 
    _this = myObject; 
    return myObject; 
}()); 


module.publicMethod(); 

다음은 귀하의 문제에 대한 해결책입니다. 프로토 타입 기반 객체를 사용하는 것이 좋습니다.

편집 :

첫 번째 방법을 사용할 수 있습니다.여기 myObject 사실

는 privateFunc 같은 범위에 있고 직접 실제 시나리오는 다음과 같습니다 this에 프록시를 사용할 수 있던 기능

var privateFunc = function() { 
    alert(myObject); 
} 

내에서 사용할 수 있습니다. call도 사용할 수 있습니다.

Module = function() { 

    var _this; // proxy variable for instance 

    var privateFunc = function() { 
     alert(this + "," + _this); 
    } 

    this.publicMethod = function() { 
     privateFunc(); // alerts [object Window],[object Object] 
     privateFunc.call(this); // alerts [object Object],[object Object] 
    } 

    _this = this; 
    return this; 
}; 

var module = new Module(); 
module.publicMethod(); 

Answer 2

연결된 피들에서 "this"키워드는 "새로운"키워드 또는 다른 컨텍스트 변경에 의해 절대로 변경되지 않으므로 여전히 글로벌 창 개체를 참조합니다.

편집 : myPrivateMethod은 MYLIB의 구성원인지 설명

Answer 3

를 명시 적으로 언급 할 필요가

:

function MyLib() 
{ 
    this._myPrivateField = "private"; 
    this._myPrivateMEthod = function() 
    { 
     alert(this); // Alerts MyLib function; 
    } 
} 

var libObject = new MyLib(); 

그냥 인클로저 기술을 사용하지 않고, 자바 스크립트에서 아무것도 이제까지 진정으로 개인 없다는 것을 기억!

function MyLib(instanceName) 
{ 
    this.name = instanceName; 
} 

MyLib.prototype.myPrivateFunction() 
{ 
    alert(this); 
} 

그 후 메소드를 호출하려면 :

위 할 수있는 더 좋은 방법은 지금처럼

var libObject = new MyLib(); 
libObject.myPrivateMethod(); // Alerts info about libObject. 

Answer 4

모듈 패턴에 대해 기억해야 할 것은 그것을 실행한다는 것입니다 번 완료됩니다. 여전히 호출 할 수있는 메소드는 클로저입니다. 모듈을 만들 때 "this"는 윈도우를 참조하고 값으로 대체되었습니다. 선언 (어디서나) 및 호출하는 함수 내부