Wie kann man ein XHR "promisable" machen und trotzdem das XHR-Objekt zurückgeben?

Question

ich zu promisify the native XHR versuchen,

jetzt hier ist das Problem, wenn ich den folgenden Code verwenden:

function request(method, url) { 
    return new Promise(function (resolve, reject) { 
     var xhr = new XMLHttpRequest(); 
     xhr.open(method, url); 
     xhr.onload = resolve; 
     xhr.onerror = reject; 
     xhr.send(); 
    }); 
} 

es gibt ein Versprechen statt einem XHR Objekt,

so kippe ich Gebrauch so etwas wie xhr.abort() auf diese Weise:

xhr = request('GET', 'http://google.com').then(function (e) 
{ 
    // ...code... 
}, function (e) 
{ 
    // ...code... 
}); 

// When user press the stop button. 
xhr.abort(); 

gibt es trotzdem, es gibt ein XHR Objekt zu machen und noch ke ep es versprechbar?

edit: Dies fragt nicht, wie ein XHR-Objekt promisifiziert wird, sondern wie ein "promistified" XHR-Objekt das XHR-Objekt anstelle der Promise zurückgibt.

Answer 1

Sie müssten einen Verweis auf die rohe XHR oder sogar die abort() Methode zurückgeben.

Zum Beispiel zurückkehren so etwas wie ...

return { 
    promise: promise, 
    xhr: xhr 
}; 

Dann könnte der anruf Code request().xhr.abort() verwenden.

Offensichtlich müssen Sie diese 2 Variablen erstellen und das XHR außerhalb des Promise Callbacks erstellen.

Wenn Sie wirklich wollten, dass es so funktioniert, wie Sie es beschrieben haben, könnten Sie die Eigenschaft auf das Promise-Objekt setzen, aber es könnte eine verwirrende API sein.