avascript_javascript スキルでの自己実行匿名関数アプリケーションの例

JavaScript の自己実行匿名関数
形式:

(function(){ 
//代码 
})(); 

説明: これは非常に洗練されたコードです (初めて見ると混乱するかもしれません :))、関数を囲む最初の括弧のペア (function(){}) は、名前のない関数をスクリプトに返します。次のペアは、空のかっこです。返された名前のない関数がすぐに実行され、かっこ内のパラメーターは無名関数のパラメーターです。
パラメーターを使用した例を見てみましょう:

(function(arg){ 
alert(arg+100); 
})(20); 
// 这个例子返回120。 

重要な使用法: これを使用して名前空間を作成できます。この特別な関数ラッパーにすべてのコードを記述する限り、許可しない限り外部からアクセスできません。

(function(){ 
function $(id){ 
return document.getElementById(id); 
} 
function __addClass(id,className,classValue){ 
$(id).style.className=classValue; 
} 
window['mySpace']={}; 
window['mySpace']['addClass']=__addClass; 
})();

上記の例では、この疑似名前空間を使用して、そのすべての関数、オブジェクト、変数をカプセル化して保護できます。また、これらは同じ関数内にあるため、相互に参照できます。保護されたコードをグローバル化するために、後続のかっこのペアは、返された匿名関数をすぐに実行し、実行中に __addClass() をウィンドウのメソッドに割り当てるようにブラウザーに指示します。これにより、addClass のみが外部で実行できるようになります。次のように呼び出すことができます: mySpace.addClass('oneId','font-width','bold')