是否有可能讓javascript構造函數返回不同的對象類型？

Question

我願做這樣的事情：

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

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

有沒有辦法做到這一點？

Answer 1

嗯。不，我不這麼認爲。 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屬性，等等。

Answer 2

可以從構造函數中返回不同類型的對象，但不完全像你想要做的那樣。如果您返回一個對象，而不是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; 
}