javascript变量-最佳性能

也许这是个愚蠢的问题,但我找不到最好的答案。

想象一下,如果您有这样的JS文件:

    //Home page rules
    (function() {

       //Header rules
       (function() {
         function myFunction1(){...}
       }());

       //Main section rules
       (function() {
         function myFunction2(){...}
       }());

    }());

你需要在每个函数中使用相同的变量,一个函数用于在页面加载时为页面上的元素设置动画,另一个函数用于为菜单设置动画。 我知道应该避免使用全局变量,我知道局部变量的寿命很短——它们是在调用函数时创建的,在函数完成时删除(这可能是更好的性能)。

问题:最佳实践和更好的性能是什么:在顶部(在主页规则内)声明一次变量,或者在每个函数中重复(重复您自己的)相同的变量?

希望你明白我的意思。