자바 스크립트 계시 모듈 패턴과 변수

Question

내 질문에 정확하게 해당 스레드에서이 일 Javascript revealing module pattern, public properties

과 동일, 대답이 주어졌다가 아니라 "왜". . 여기에 내 자신의 예제를 재 작성 같은 질문 :이 시나리오에서는

myApp.User = function() { 
    var firstName = 'Default', 
     lastName = 'Default'; 

    function setFirstName(name) { 
     firstName = name; 
    } 

    function setLastName(name) { 
     lastName = name; 
    } 

    function getFirstName() { 
     return firstName; 
    } 

    function getLastName() { 
     return lastName; 
    } 

    return { 
     getLastName: getLastName, 
     **getFirstName: getFirstName**, 
     setLastName: setLastName, 
     setFirstName: firstName 
    }; 
}; 

는, 사용자() getFirstName는 항상에 "기본"evals - 나는 setFirstName 기능을 통해 다른 값으로 변경할 경우에도 마찬가지입니다. 내가 좋아하는 setFirstName로 교체 할 경우

:

return { 
    getLastName: getLastName, 
    **getFirstName: getFirstName**, 
    setLastName: setLastName, 
    setFirstName: firstName 
}; 

나는 변경된 값에 액세스 할 수있게되었습니다. var firstName은 값에 의해 전달되므로 업데이트 된 값이 반영되지 않습니다. 나는이 기능에 대해 특별한 것이 무엇인지 이해하지 못한다. 함수 내에서 값에 대한 포인터는 어디에 있습니까? 왜 모든 기능이 "마술처럼"업데이트에 액세스 할 수 있습니까?

Answer 1

함수 내의 값을 가리키는 포인터는 어디에 있습니까?

범위 내에서에는 액세스 할 수있는 모든 변수가 들어 있습니다. 이 액세스를 통해 실제로 함수는 closure이됩니다.

모든 기능이 "마법처럼"업데이트에 액세스하는 이유는 무엇입니까?

모든 기능이 이므로 변수가 상위 범위에 선언되었습니다.

Answer 2

그들은 "마술처럼"업데이트에 액세스하지 않습니다. 그들은 이 안에 있으며 myApp.User 안에 있기 때문에 변수 위치에 액세스 할 수 있습니다.

myApp.User().getFirstName()을 수행하면 getFirstName이 함수 (범위) 안에 있으므로이 함수와이 함수 외부에서 선언 된 변수에 액세스 할 수 있습니다. 위의 예에서

function a(){ 
    var b = "hello"; 
    return { 
     setB: function(c){ b = c; }, 
     getB: function(){ return b; } 
    }; 
} 

var obj = new a(); 
obj.getB();   //hello 
obj.setB("new"); 
obj.getB();   //new 

는 getB 및 setB 모두 개체 안에 살고, 그들은 a() 범위 내에서 모든 변수에 액세스 할 수 있습니다.

는

setFirstName: firstName 

setFirstName 첫 번째 예 여기에 무슨 짓을했는지에

Answer 3

보기는 기능 "setFirstName"을 참조 아니라 변수가 'firstName을'... 당신은에 액세스 할 수없는 아닙니다 함수 'setFirstName'. 이 기능은 여전히 ​​사용할 수 없으므로 원하는대로 첫 번째 이름을 수정할 수 없습니다.

범위를 벗어났습니다. 반환하지 않았으므로 외부 세계에서 사용할 수 있습니다. 그것은 기능 범위의 "외부"에서 사용할 수 없습니다. 아래 그림과 같이 function()을 반환하고 "setFirstName"을 적용합니다.

시도해주세요.

myApp.User = function() { 
    var firstName = 'Default', 
     lastName = 'Default'; 

    function setFirstName(name) { 
     firstName = name; 
    } 

    function setLastName(name) { 
     lastName = name; 
    } 

    function getFirstName() { 
     return firstName; 
    } 

    function getLastName() { 
     return lastName; 
    } 

    return { 
     getLastName: getLastName, 
     getFirstName: getFirstName, 
     setLastName: setLastName, 
     setFirstName: setFirstName 
    }; 
}(); 
myApp.User.setFirstName('bill'); 
myApp.User.getFirstName(); 

Answer 4

var User = function() { 
    var firstName = 'Default', 
     lastName = 'Default'; 

    return { 
     getLastName: function() { return lastName; }, 
     getFirstName: function() { return firstName; }, 
     setLastName: function(name) { lastName = name; }, 
     setFirstName: function(name) { firstName = name; }, 
     getName:  function() { return firstName + ' ' + lastName; } 
    }; 
}; 

var u = User(), 
    v = User(); 
console.log(u.getName() + ' - ' + v.getName()); 
// Outputs: 'Default Default - Default Default' 
u.setFirstName('Alice'); 
u.setLastName('Bob'); 
console.log(u.getName() + ' - ' + v.getName()); 
// Outputs: 'Alice Bob - Default Default'