javascript - 避免全局变量意味着被迫在不同的函数中声明相同的变量？

Question

作为初学者，我被告知要避免使用全局变量，因为随着项目的发展，名称可能会特别冲突。但我也被告知编码是关于效率的，你不应该做两次。避免全局变量让我声明相同的变量在不同的功能中感觉像是做错了事。怎么走？谢谢你，和平与爱。

//GLOBAL SPACE - no variables here, wanna be a good boy

function one(){
    var box = document.getElementsById('box');
    //DO SOMETHING WITH BOX
}

function two(){
    var box = document.getElementsById('box');
    //DO SOMETHING ELSE WITH BOX

}

Answer 1

这实际上取决于如何访问one 和two。不过，您始终可以像这样关闭 box 变量:

var one,two;
(function(){
    var box = document.getElementById('box');
    one = function(){
        //use box
    };
    two = function(){
        //use box
    };
})()