jquery - 是否有一个好的 jQuery 模式来管理初始化？

Question

基本上我想做这样的事情:

$(document).ready(function() {  
    if ($(body).attr("class") === "HomePage") {  
        HomePage.init(); //bind events for home page (Crockford's module pattern)
    } else if ($(body).attr("class") === "AboutPage") {  
        AboutPage.init(); //bind events for about page  
    }  
});

原因是我可以将所有内容压缩到一个 js 文件中，从而减少 http 请求的数量。这个解决方案绝对不优雅，因为每当我添加新页面时，我都需要添加另一个“else if”语句。我可以使用:

$(document).ready(function() {  
    eval($(body).attr("class") + ".init();");
});

但是 eval 是邪恶的，我不知道使用这种方法对性能的影响。

Answer 1

为什么不使用 eval 来调用 javascript 对象 [] 呢？

假设所有对象的范围都是全局的，为什么不尝试:

$(document).ready(function() {  
    window[$(body).attr("class")].init();
});