javascript - 多个局部变量声明与一个全局变量声明？

Question

我只是新的 javascript biginner，如果我需要多次重复使用同一个变量(比如说 20 次)，从性能的 Angular 来看，我应该将其声明为全局一次，还是在本地范围内的每个函数上下文中多次声明它(正如我听说的那样)？

下面哪种情况更好？

案例A:

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

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

案例B:

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

案例C:

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

将外壳 A 包裹在封口内

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

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

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

现在全局范围内没有任何内容，但您只访问 DOM 一次。