javascript - 使用动态函数创建 Javascript 类

Question

首先让我们说我的代码工作得很好，没有问题。我只是想用一个不错的类来包装它以供将来动态使用，我想知道如何以最正确的方式在 Javascript 中做到这一点。

load_server 是一个发出 Ajax 请求的函数。pagination()/itemlinks() 是遍历检索到的数据并标记链接以供将来使用 Ajax 的函数。我目前将所有内容都写在函数中，然后将其转储到代码中，但我想创建如下内容:

function ajaxRequest(type, link, container) {
    this.after_success = null;
    this.check_pagination = true;
    if(typeof(type)) == ‘undefined’) this.type='';
    if(typeof(link)) == ‘undefined’) this.link='';
    if(typeof(container)) == ‘undefined’) this.container='';

    this.pagination=function() {
        //static function..
    };
    this.load_server=function () { 
        //function logic here..
    };
    while(mainReq.after_success) {
        func();
    }
}

var mainReq = new ajaxRequest{'link'};
mainReq.after_success = {
    itemlinks = function() { },
    morefunc = function() { }
};
mainReq.submit();

我目前使用以下 jQuery 代码:

load_server = function (type, link, container) {
$(container).html("<div class='mask-loading'>Loading ...</div>");

$(container).load(getUrl, 
function(responseText, textStatus, XMLHttpRequest) { //Callback function.
    if(textStatus=='success') {
        pagination_render();
        itemlinks();
    }
    else {
        $(container).html("We are sorry, but there was an error with your request.<br />Please try again.");
    }
});
}
var pagination_render = function() {
    var pagination = $('.pagination a');
    pagination.each(function() {
        $(this).click(function(event) {
            console.log(this.href);
            load_server('page', this.href, '#tab1');
            return false;
        });
    });
};
pagination_render(); //init any pagination files

其他的功能都是一样的，就不用大费周章了..

Answer 1

如果您想在 Javascript 中使用类和继承，请查看 Mootools或 John Resig's blog .

注意:两者都(在很大程度上)受到 Dean Edward's Base.js 的启发.