javascript - 単一の関数内で繰り返し使用するオブジェクトを宣言するスコープ

Question

これらのうちどれがこのオブジェクトを宣言する最も効率的/ベストプラクティスな方法であるかについて混乱しています。

関数内で再利用していますが、関数が呼び出されるたびに宣言されていることを意味すると思います

function mapVals(ele){

  var myObj = {
    "chkOne" : "HV1",
    "chkTwo" : "HV2",
    "chkThree" : "HV3"
  }

  var thisVal = myObj[ele.id];
  //Other code
}

関数の外側ですが、グローバル名前空間を汚染しています

var myObj = {
  "chkOne" : "HV1",
  "chkTwo" : "HV2",
  "chkThree" : "HV3"
}

function mapVals(ele){      
  var thisVal = myObj[ele.id];
  //Other code
}

それとも、一時的なスコープを作成するためのカプセル化手法でしょうか? 構文は知っていますが、これまで使用したことがありません。

(function(){

  var myObj = {
     "chkOne" : "HV1",
     "chkTwo" : "HV2",
     "chkThree" : "HV3"
   }

   function mapVals(ele){      
      var thisVal = myObj[ele.id];
      //Other code
   }

})();

または、私が考慮していない他の何か？

Answer 1

グローバル名前空間を汚染したくない場合は、3 番目のオプションが最適です。