是否有可能让javascript构造函数返回不同的对象类型?

时间:2011-05-07 11:34:44

标签: javascript constructor

我想做这样的事情:

function AjaxRequest (parameters) {
    if (window.XMLHttpRequest) {
        this = new XMLHttpRequest();
    else if (typeof ActiveXOBject != 'undefined')
        this = new ActiveXObject("Microsoft.XMLHTTP");
}

AjaxRequest.prototype.someMethod = function () { ... }

有办法做到这一点吗?

2 个答案:

答案 0 :(得分:10)

可以从构造函数返回不同类型的对象,但不完全像您尝试的那样。如果返回一个对象而不是undefined(这是默认的返回值),它将“替换”它作为new表达式的结果。该对象不会从构造函数中获取其原型(并且x instanceof AjaxRequest将无效)。

如果您想这样做,这将让您关闭:

function AjaxRequest (parameters) {
    var result;

    if (window.XMLHttpRequest)
        result = new XMLHttpRequest();
    else if (typeof ActiveXOBject != 'undefined')
        result = new ActiveXObject("Microsoft.XMLHTTP");

    // result is not an AjaxRequest object, so you'll have to add properties here
    result.someMethod = function () { ... };

    // Use result as the "new" object instead of this
    return result;
}

答案 1 :(得分:2)

嗯。不,我不这么认为。 this无法设置。虽然您可以为其添加属性,但您无法对其进行更改。您可以make calls that cause this to be set,但无法直接设置。

您可以这样做:

function AjaxRequest (parameters) { 
    this.xhr = null;
    if (window.XMLHttpRequest) { 
        this.xhr = new XMLHttpRequest();  
    }
    else if (typeof ActiveXOBject != 'undefined') {
        this.xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    }  
}

AjaxRequest.prototype.someMethod = function (url) { 
    this.xhr.open('Get', url, true);
    this.req.onreadystatechange = function(event) {
        ...
    };
    this.xhr.send(...);
};

退后一步,我认为你的设计不是很清楚。你想做什么?问的另一种方法是你正在为拍摄的使用模式是什么?您希望从AjaxRequest公开哪些动词?

如果你看一下jQuery,他们的“ajax请求”不是一个对象,它就是一种方法。 $ajax()....

你的想法是什么?

这将决定你如何使用xhr属性,等等。