Comment appeler une fonction publique dans un namesapce Javascript

Question

Lorsque je crée un espace de noms JS (monNamespace) avec une méthode publique (myPublicMethod)

jsfile1.js

var myNamespace=(function() { 

    var myPublicMethod=function(){ 
    alert("hello world"); 
    } 

    return 
    { 
    myPublicMethod:myPublicMethod 
    }; 

})(); 

et ont un .js séparés fichier qui encapsule ses méthodes

jsfile2.js

(function(){ 
    myNamespace.myPublicMethod(); 
})(); 

Les deux fichiers sont e en inclus dans un fichier html

<script src="jsfile1.js"...> 
<script src="jsfile2.js" ...> 

Quand je tente d'appeler myPublicMethod() Je reçois une erreur qui ne monNamespace existe pas. Est-ce parce qu'il est encapsulé dans le fichier jsfile2.js?

Remerciements

Answer 1

La raison pour laquelle la fonction n'est pas définie dans votre espace de noms est à cause des lignes

return 
{ 
    myPublicMethod:myPublicMethod 
} 

Un point-virgule implicite est inséré après le retour, donc ce que l'interprète voit est en fait quelque chose comme:

donc rien est en fait revenu de la fonction, et la valeur de myNamespace reste undefined. La solution est simple: il suffit de mettre l'accolade d'ouverture sur la même ligne que le return:

return { 
    myPublicMethod: myPublicMethod 
}; 

(notez que le point-virgule final est pas strictement nécessaire, mais une bonne idée de toute façon si vous prévoyez jamais utilisez quelque chose comme un minifier)

Aussi, la façon dont vous définissez la fonction dans le premier fichier is invalid. Il devrait être

var myNamespace = (function() { 
... 
})(); 

Answer 2

La modification du fichier 1 pour le travail suivant?

var myNamespace={ 

    myPublicMethod: function(){ 
    alert("hello world"); 
    } 
}; 

Answer 3

Vous avez entre parenthèses manquant sur votre déclaration de fonction myNamespace, vous devriez également utiliser des points-virgules dans votre déclaration de retour:

var myNamespace = function() { 

    var myPublicMethod = function(){ 
    alert("hello world"); 
    } 

    return { 
    myPublicMethod : myPublicMethod 
    }; 
}(); 

myNamespace.myPublicMethod();