모듈 패턴이 정의되지 않았습니다. 변수

Question

자바 스크립트를 심각하게 시작합니다. 아래 코드에 어떤 문제가 있습니까?

var Person = (function(name,age){ 
    var name = name, age = age; 
    var print = function(){ 
     console.log('I"m '+name+', and I"m '+age+' year old'); 
    } 

    return {print:print} 
})(); 

Person.print("James",19); 

나는 이름과 나이가 정의되지 않았습니다. 나는이 패턴도 발견했다. 결국 많은 방법을 찾으면 결국 귀하의 수익은

return {methodA:methodA, methodB:methodB, methodC:methodC}입니다. 이것은 저에게 너무 추합니다. 당신이 당신의 방법에 인수를 전달하려면 그냥

return{ 
    methodA: function(){ 

    } 
}; 

Answer 1

처럼 반환 내에서 내 방법을 포장해야, 당신과 같이 당신의 print 기능에 넣어해야합니다.

var Person = (function(){ 
 
    var print = function(name,age){ 
 
     console.log('I"m '+name+', and I"m '+age+' year old'); 
 
    } 
 

 
    return {print:print} 
 
})(); 
 

 
Person.print("James",19);

다른 방법으로, 당신은 직접 인생에 인수를 전달하려고 할 수도 있지만, 나는 내가하고있는 점을 볼 모르겠어요 그게 경우 그 케이스.

예

var Person = (function(name,age){ 
 
    var print = function(){ 
 
     console.log('I"m '+name+', and I"m '+age+' year old'); 
 
    } 
 

 
    return {print:print} 
 
})("James",19); 
 

 
Person.print();

, 당신은 단지 개체에 당신의 방법을 반환 할 수 있지만, 기술적으로 모듈 패턴을 공개하지 않을 것입니다. 당신이 정말로 현대 자바 스크립트로 얻으려면

var Person = (function(){ 
 
    return { 
 
     print: function(name,age){ 
 
      console.log('I"m '+name+', and I"m '+age+' year old'); 
 
     } 
 
    } 
 
})(); 
 

 
Person.print("James",19);

개인적으로, 나는 웹팩 또는 Browserify 같은 빌더, ES6 모듈 또는 CommonJS 모듈을 권 해드립니다.

Answer 2

Immediately invoked function expression입니다.

여기 고정 스 니펫으로 이동합니다.

Answer 3

var Person = (function(name,age){ 
 
    var name = name, age = age; 
 
    var print = function(){ 
 
     console.log('I"m '+name+', and I"m '+age+' year old'); 
 
    } 
 

 
    return {print:print} 
 
})("James",19); 
 

 
Person.print();

이 당신이 원하는, 이름, 나이

var Person = (function(name,age){ 
 
    var name = name, age = age; 
 
    
 
    var print = function(name,age){ 
 
     this.name = name; 
 
     this.age = age; 
 
     console.log('I"m '+this.name+', and I"m '+this.age+' year old'); 
 
     } 
 
    return {print:print} 
 
})(); 
 

 
Person.print("James",19);