Question

我正在开发一个项目，我们在一个mvc风格项目上做了很多自定义javascript，特别是jquery。

唯一的问题是我不断添加越来越多的全局函数/变量，而且它们正在堆积起来。我有一些文件，但我不确定如何将一些东西拆分成单独的文件。

我曾考虑将这些函数和全局变量组合成对象，但javascript中的对象语法对我来说似乎有些尴尬（因为缺少经典类）。虽然如果我有一个很好的例子可以跟随，也许我可以来。

如何处理全局javascript函数和变量开始堆积的项目？

Answer 1

将一堆全局变量和函数堆积到一个全局对象中的一种非常简单的方法：

// Awful pile of globally-scoped names
var foo = 1
var bar = 2
function go = function(){
    console.log('Yeehaw!');
}


// Instead, just dump everything into a global-level object
var MyApp = {
    foo: 1,
    bar: 2,
    go: function(){
        console.log('Yeehaw!');
    }
}  

// Now access stuff like this
console.log(MyApp.foo);
console.log(MyApp.bar);
MyApp.go();

对于“简单”的顶级变量和函数，我可以推荐这个。可以对此做出很多改进，但它们可能属于过早优化的范畴;这是很好的第一步。