iifeパターンを使用しているときに別のjsファイルから関数を呼び出しますか？

Question

1つのjsファイルにある関数を呼び出すことは可能ですか？また、別のjsファイルでiifeパターンを使用して関数を公開することはできますか？例えば が、これはいくつかのvalidationScript.jsファイルです：

var ValidationNamespace = function() 
{ 
    var nameValidation = ""; 
    var testValidation = ""; 

    return{ 
     validateIfNameAlreadyExistsInTable : function(currentNameValues) 
     { 
      for(var i=0; i < currentNameValues.length ; i++) 
      { 
       if(document.getElementById("tbName").value == currentNameValues[i]) 
       { 
        var nameVal = "Name already exists in table!"; 
        document.getElementById("nameVal").innerHTML = nameVal; 
        return false; 
       } 
      } 
      document.getElementById("nameVal").innerHTML = ""; 
      return true; 
     } 
    }; 
}(); 

そして、私は別のファイルを持っている、と言うことができますscript.js

機能いくつかのscript.js機能からvalidateIfNameAlreadyExistsInTableを呼び出すためにいくつかの方法がありますか？

問題は、私はそれを呼び出すようにしようとすると、それは未定義であるということです。

私はindex.htmlを持っている私はこのようなの.jsファイルの両方を参照しています。ここで

<script type="text/javascript" src="script.js"></script> 
<script type="text/javascript" src="validationScript.js"></script> 

Answer 1

はい、IIFEが関数を公開するオブジェクトを返すため、ファイルはValidationNamespaceというオブジェクトを保存します。varはグローバルに、したがってグローバル変数として宣言されています。

だから：

あなたの編集再

ValidationNamespace.validateIfNameAlreadyExistsInTable(theName); 

、あなたはおそらく、他の順序で最初のvalidationScript.jsが、その後script.jsスクリプトをロードしたい：

<script type="text/javascript" src="validationScript.js"></script> 
<script type="text/javascript" src="script.js"></script> 

スクリプトがロードされ、順番に実行しますそれらを与えてください（asyncまたはdeferを使用しない限り）。したがって、script.jsのコードが他のイベントを待っていない場合は、validationScript.jsが読み込まれる前に実行されます。

Answer 2

これはうまくいくと思います。 ValidationNamespace（）。validateIfNameAlreadyExistsInTable（theName）;