javascript - 为 JavaScript 中的全局变量列表赋值

Question

嘿，现在我正在使用 jQuery 并且我有一些全局变量来保存一些预加载的 ajax 内容(预加载以使页面出现又好又快):

$.get("content.py?pageName=viewer", function(data)
    {viewer = data;});
$.get("content.py?pageName=artists", function(data)
    {artists = data;});
$.get("content.py?pageName=instores", function(data)
    {instores = data;});
$.get("content.py?pageName=specs", function(data)
    {specs = data;});
$.get("content.py?pageName=about", function(data)
    {about = data;});

如您所见，我们严重违反了 DRY 原则，但是......我真的没有找到解决它的方法......有什么想法吗？

也许是一个数组？

Answer 1

使用 jQuery each 方法遍历页面名称数组，然后设置全局(在窗口范围内)变量:

jQuery.each(
    ["viewer", "artists", "instores", "specs", "about"],
    function (page) {
        $.get("content.py?pageName=" + page,
            new Function("window[" + page + "] = arguments[0]"));
    }
);

更新:实际上，您甚至不需要“新功能”:

jQuery.each(
    ["viewer", "artists", "instores", "specs", "about"],
    function (page) {
        $.get("content.py?pageName=" + page, function () { window[page] = arguments[0]; });
    }
);