モジュールのパターンが定義されていません変数

Question

JavaScriptを真剣に受け入れ始めました。下のコードで何が間違っていますか？

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}これは私にとってはとても醜いです。私はちょうどあなたがあなたのメソッドに引数を渡したい場合は、あなたがそうのように、あなたのprint機能でそれらを置くべき

return{ 
    methodA: function(){ 

    } 
}; 

Answer 1

のようなリターン以内に私のメソッドをラップする必要があります。

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);

あなたが本当に現代のJavaScriptに取得したい場合、私はWebPACKのかBrowserifyなどのビルダーで、ES6モジュールまたはCommonJSモジュールをお勧めします。

Answer 2

Immediately invoked function expressionのためです。

ここでは固定スニペットを使用します。

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();

Answer 3

=作る名前と年齢が変数共有

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);