생성자

Question

내가 생성자에서 다른 객체를 인스턴스화하고 그 자체에 대한 참조를 전달하는 클래스를 정의하기 위해 노력하고있어 현재 개체에 대한 참조 :

var Child = function(m) { 
    var mother = m; 

    return { 
    mother: mother 
    } 
} 

var Mother = function() { 
    var children = makeChildren(); 

    return { 
    children: children 
    } 

    function makeChildren() { 
    var children = []; 
    for (var i = 0; i < 10; i++) { 
     var c = new Child(this);  // <--- 'this' is an empty object here 
     children.push(c) 
    } 
    return children; 
    } 
} 

이 작동하지 않습니다, 그리고 아동 인스턴스가 mother 속성에 빈 객체로 끝납니다. 이 작업을 수행하는 적절한 방법은 무엇입니까?

Answer 1

자바 스크립트의 this은 어휘가 아닙니다. 즉, makeChildren은 Mother의 this이 아니라 자신의this이됩니다.

일반 변수를 설정하고 대신 사용하십시오.

var that = this; 
function makeChildren(){ 
    blabla = that; 
} 

---

내가이 일을 생각하지 않습니다하지만 단지 충분하다. 생성자에서 객체를 반환하면 this을 무시합니다. 새 개체를 반환하는 대신

this.children = children; 

대신 내용을 설정하십시오.

Answer 2

당신은 어쩌면이 같은 어머니 객체 내에서 뭔가를 makeChildren()를 호출 할 때 어머니 객체에 대한 참조를 전달하는 시도 할 수 :

이

var Mother = function() { 
    var children = makeChildren(this); 
} 

makeChildren() 함수는 다음 인수로 받아 들일 수 당신이 사용할 수있는 참조 :

function makeChildren(ref) 
var c = new Child(ref); 

아무리 잘 작동할지 모르겠지만 시도해 볼 가치가있을 것입니다.

Answer 3

중첩 된 기능은 부모로부터 this을 상속하지 않습니다

, 그래서 makeChildren()를 호출 할 때 명시 적으로 설정하지 않는 makeChildren() 내 this는 어머니 생성자 내에서 this과 동일하지 않습니다 :

var children = makeChildren.call(this); 

하는 작업을해야 그 코드를 더 이상 변경하지 않아도됩니다. more detail about .call()에 대한 MDN을보십시오.

또는 당신 this에 대한 참조를 저장하고 기능에 그것을 전달할 수 있습니다 : 함수 내에서

var Mother = function() { 
    var self = this; // <-- new variable 

    var children = makeChildren(); 

    return { 
    children: children 
    } 

    function makeChildren() { 
    var children = []; 
    for (var i = 0; i < 10; i++) { 
     var c = new Child(self);  // <--- change 'this' to 'self' 
     children.push(c) 
    } 
    return children; 
    } 
} 

지역 변수가 중첩 된 기능에 액세스 할 수 있습니다.

Answer 4

var Child = function(m) { 
    var mother = m; 

    return { 
     mother: mother 
    } 
}; 

var Mother = function() { 
    if (!(this instanceof Mother)) { 
     return new Mother(); 
    } 

    var that = this; 

    var makeChildren = function() { 

     var children = []; 
     for (var i = 0; i < 10; i++) { 
      var c = new Child(that); // <--- 'that' is the reference to Mother 
      children.push(c) 
     } 

     return children; 
    }; 

    var children = makeChildren(); 

    return { 
     children: children 
    } 
}; 

다음을 수행하십시오 Mother 객체의

var m = Mother(); 

처음 세 줄은 that의 값이 Mother 인스턴스가 아닌 전역 객체 있는지 확인합니다. 그것들이 없으면 항상 다음과 같이 써야합니다.

var m = new Mother();