JavaScriptで有効なスコープの方法

Question

私は本当に良いJavaScriptユーザーではありませんが、私はそれを完了することができます。私はJavaScriptで書いたコードが誇りではないので、私はそれを変更することに決めました。ここに私の最初のステップがあります：

私はプロジェクトのための私自身のライブラリを作成しようとしています、そして、以下は初期の構造です。

window.fooLib = {}; 

(function (foo) { 
    "use strict"; 

    foo.doSomeStuff = function(param1) { 

     console.log(new AccommProperty(param1)); 
    } 

    //some internal function 
    function AccommProperty(nameValue) { 
     var _self = this; 
     _self.name = nameValue; 
    } 

}(fooLib)); 

私は私の変数を初期化するために、ここですぐに呼び出される関数式を使用。この場合、それはfooLibです。

window.fooLibをより安全にするために他の何かを行うべきかどうかはわかりません。 JavaScriptを正しく理解すれば、コードの後に​​実行される他のコードによってオーバーライドすることができます。

あなたの考えは？

Answer 1

変数を上書きしないようにするには、Object.defineProperty()をwritable：false、configurable：falseに設定します。あなたの場合：

まだ、それには理由がありません。 EcamScript 5.1が動作する必要があり、シムはまったくありません。 =オペレータで上書きしないようにゲッタ/セッタを使用しているかもしれません。

また、ライブラリを上書き禁止にする必要はありません。 libをオーバーライドするサイトでコードを使用しないでください。あるいは、誰かがあなたの関数を同じインタフェースを持つ別のよりよいlibに上書きしたいと思っているかもしれませんか？

共有するライブラリについての質問で、他の人との可能な名前空間の競合については、jQuery.noConflictをご覧ください。

Answer 2

すべてのJavaScriptオブジェクトをオーバーライドできます。これはJavaScriptの性質であり、変更することは不可能です。だから、その意味でコードを安全にすることはできません。

セルフインボークされた関数について：ローカル変数を持ち、すべての関数に実行可能にしたい場合に使用してください。だからあなたのケースではAccommPropertyはそのような変数です。範囲内にdoSomeStuffを定義すると、doSomeStuffがスコープ内で定義された変数を使用しない限り、違いはありません。

変数をユーザーから隠したい場合や、グローバルが必要な場合に、名前の競合に敬意を表している場合は、自己呼び出し関数を使用してください。

Answer 3

私はwindow.fooLibをより安全にするために何か他のことをしなければならないか分かりません。 JavaScriptを正しく理解すれば、コードの後に​​実行される他のコードによってオーバーライドすることができます。

代わりにwindow.fooLibをローカル変数にすることができます。

(function() { 

    // all functions nested in foo() have access to fooLib. 
    fooLib = {} 

    fooLib.doSomeStuff = function(param1) { 
     console.log(param1); 
     console.log(fooLib); 
    } 

    //some internal function 
    function AccommProperty() { 
     console.log(fooLib); 
    } 

}()); 

は詳細についてはJavascript Closures: Encapsulating Related Functionalityを参照してください：closures and nested functions 1を使用すると、グローバルスコープに入れるか、windowオブジェクトに取り付けるのではなく、すべてのデータを置くことができ、名前空間をエミュレートすることができます。