javascript自己実行関数の擬似名前空間カプセル化方法_javascriptスキル

(function() {
/ /id に従ってオブジェクトを取得します
function $(id) { return document.getElementById(id) }

//内部関数は外層で呼び出すことはできません
function _setStyle(id, styleName, styleValue) {
$(id).style[styleName] = styleValue;

// 疑似名前空間を作成します
window.mySpace = {}; 🎜>// 内部関数 _setStyle を mySpace 名前空間にカプセル化します
// 呼び出すときは、window.mySpace.setStyle(id, styleName, styleValue) を使用します
window.mySpace.setStyle = _setStyle; () ;

//以下はテストコードです
window.onload = function() {
//ID test を持つオブジェクトのテキストの色を赤に設定します
window. mySpace.setStyle( "test", "color", "#f00");
}


では、このパッケージ化方法にはどのような利点があるのでしょうか?

もちろん、自己実行関数内のメソッド、変数、属性などは保護されます。これにより、コードの安全性が高まります。

}
//以下はテストコードです
window.onload = function() {
window.mySpace.setStyle("test", " backgroundColor", "# f00");
window.mySpace.setStyle("test", "color", "#fff");
}


上記のコードと自己実行関数によって実装される関数 実際には同じです。

比較すると、2 番目の方法の方が直感的で理解しやすいことがわかります。ただし、カプセル化プロセスがなければ、コードは完全に公開されます。