Object.create（）を使用したXMLHttpRequestオブジェクトの作成

Question

クラスベースのOOPバックグラウンド（C++/Java/C＃）から来ていますが、私はオブジェクト指向のJavaScriptを学習する道です。私はしばしばオブジェクトを扱うときにnew ...の代わりにObject.create(...)を使うことに関するアドバイスをJSと読む。

だから私はAJAXを作成しようとしましたがそのように呼び出します。

var req = Object.create(XMLHttpRequest); 
req.open(...); // TypeError: req.open is not a function 

はopenはreqのプロトタイプチェーン内にあることではないでしょうか？

私も自分の物にXMLHttpRequestコンストラクタ関数を適用しようとしました：私はJSのオブジェクト指向の方法とトラブルのだと思った

var req = Object.create(XMLHttpRequest); 
XMLHttpRequest.apply(req, null); // Constructor XMLHttpRequest requires 'new' 

ちょうどその時、これは後ろに:)

多く

私を引っ張ります私はここで何が起こっているのか理解するのを手伝ってくれる人に感謝します。

Answer 1

XMLHttpRequestは、コンストラクタとして呼び出されたときにリクエストオブジェクトを返すように設計されています。var req = new XMLHttpRequest()。 Object.create(proto)はプロトタイプを最初のパラメータとして新しいオブジェクトを作成します。
2つのアプローチは、オブジェクトの作成と初期化（最初のケース）と、プロトタイプ付きの新しいオブジェクトの作成（2番目のケース）という異なる動作を行います。

あなたが同じことをこのように達成しようとすることができます。もちろん、

---

（推奨されません）：

var obj = Object.create(XMLHttpRequest.prototype); 
XMLHttpRequest.call(obj); // initialize the request 

とほぼ同等である：

var obj = new XMLHttpRequest(); 

しかし、あなたはエラーが表示されます。

Uncaught TypeError: Failed to construct 'XMLHttpRequest': Please use the 'new' operator

---

正しい解決方法はnew XMLHttpRequest()です。
達成しようとしているものの近くにあるFetch APIを見てください。しかし、それはブラウザでのサポートが限られています。