Объявление многих локальных переменных против одного глобального?

Question

Я просто новый javascript biginner, Если мне нужно многократно использовать (допустим, 20 раз) одну и ту же переменную, с точки зрения производительности, следует объявить ее один раз глобальным или объявить ее много раз в каждом контексте функции в локальной области (как я слышал)?

Whats case сильфон лучше?

случае а:

var myvar = document.getElementById('case'); //global 

function one(){ 
myvar.innerHTML = 'newb'; 
... 
} 
function two(){ 
myvar.value = '3'; 
... 
} 

caseB:

function one(){ 
var myvar = document.getElementById('case'); //local 
myvar.innerHTML = 'newb'; 
... 
} 
function two(){ 
var myvar = document.getElementById('case'); //lobal 
myvar.value = '3'; 
... 
} 

caseC:

var myvar = document.getElementById('case'); //global 

function one(){ 
var myvar = document.getElementById('case'); //local 
myvar.innerHTML = 'newb'; 
... 
} 
function two(){ 
var myvar = document.getElementById('case'); //lobal 
myvar.value = '3'; 
... 
} 

ТНХ для советует,
гуй

Answer 1

Wrap случай А внутри крышки

(function() { 
    var myvar = document.getElementById('case'); 

    function one(){ 
    myvar.innerHTML = 'newb'; 
    ... 
    } 

    function two(){ 
    myvar.value = '3'; 
    ... 
    } 
})() 

сих пор ничего в глобальном масштабе, но доступ только DOM один раз.

Answer 2

Корпус А должен быть лучшим, или если вы, как объектно-ориентированного программирования вы можете сделать:

function MyClass() { 
    this.element = document.getElementById('case'); 

    this.one = function() { 
     this.element.innerHTML = 'newb'; 
    } 
    this.two = function() { 
     this.element.value = '3'; 
    } 

    return this; 
} 

var myCls = new MyClass(); 
myCls.one(); 
myCls.two();