JavaScript のスコープを狭くする

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/11/26 20:25

ただいまコメントを受けつけておりません。

JavaScript のスコープを狭くする

JavaScript を書いていると (少なくとも私は) Global 変数が多くなりがちである。これを減らすための書き方。

var hiyoko = {}; // 残念ながらグローバル変数になる
(function(){ // この function 内でスコープが切られる
 var object = hiyoko; // グローバル変数の名前が長い場合はこういうやり方が有効
 hiyoko.prototype.hiyokoFunction = function() {
   callFromHiyokoFunction()
 };

 // callFromHiyokoFunction はスコープ外からは呼べない
 function callFromHiyokoFunction() {
   // なんらかの関数を記述
 }

 var myHiyoko = new object(); //これもスコープ外からは参照できない
 myHiyoko.hiyokoFunction();
})()

var myHiyoko = new hiyoko();
myHiyoko.hiyokoFunction();  // 区切った中で宣言されたものも呼べる
callFromHiyokoFunction();    // こっちはエラーになる

なお、 Google Closure Lib. を使っているなら goog.scope を使うとよいが、それについてはまた別の時に書く。