new

作為大家天天使用的操作符，想必大家都不陌生

創建一個對象的通用語法

let obj = new Object();

那么在創建對象的過程中，new 到底做了什么?

MDN

當代碼 new Foo(...) 執行時，會發生以下事情：(MDN地址)

• 一個繼承自 Foo.prototype 的新對象被創建。
• 使用指定的參數調用構造函數 Foo ，并將 this 綁定到新創建的對象。new Foo 等同于 new Foo()，也就是沒有指定參數列表，Foo 不帶任何參數調用的情況。
• 由構造函數返回的對象就是 new 表達式的結果。如果構造函數沒有顯式返回一個對象，則使用步驟1創建的對象。（一般情況下，構造函數不返回值，但是用戶可以選擇主動返回對象，來覆蓋正常的對象創建步驟）

按照這個過程，我們可以大概的模擬一個new的實現

function _new(Super) {//返回一個functionreturn (props)=> {let obj = {}; //創建一個新對象obj.__proto__ = Super.prototype;//繼承父類的屬性let result = Super.apply(obj,props);//調用Super的構造函數return typeof result === 'object'? result : obj;; //判斷Super構造器總返回一個Object} }var a = _new(Super)(['z']) a;//{name: "z"}

ECMA-262

再次閱讀Ecma262
其過程較MDN多了一些判斷，如：

new Object ( [ value ] )
當以一個參數 value 或者無參數調用 Object 構造器，采用如下步驟：

如果提供了 value, 則
a.如果 Type(value) 是 Object, 則

(1)如果 value 是個原生 ECMAScript 對象 , 不創建新對象，簡單的返回 value.(2)如果 value 是宿主對象 , 則采取動作和返回依賴實現的結果的方式可以使 依賴于宿主對象的 .

b.如果 Type(value) 是 String, 返回 ToObject(value).
c.如果 Type(value) 是 Boolean, 返回 ToObject(value).
d.如果 Type(value) 是 Number, 返回 ToObject(value).

斷言 : 未提供參數 value 或其類型是 Null 或 Undefined.

令 obj為一個新創建的原生 ECMAScript 對象 .

設定 obj 的 [[Prototype]] 內部屬性為標準內置的 Object 的 prototype 對象.

設定 obj 的 [[Class]] 內部屬性為 "Object".

設定 obj 的 [[Extensible]] 內部屬性為 true.

設定 obj 的 8.12 指定的所有內部方法

返回 obj.

重新來修改下我們的模擬

function _new(Super) {//返回一個functionreturn (value) => {if (value) {switch (typeof value) {case 'object'://這里因為不同的宿主環境也就是不同的引擎會有不同的寫法，找了很多博文書籍也沒有詳解具體的判斷邏輯或方法，只好先寫偽代碼了if (宿主對象) {//采取動作和返回依賴實現的結果的方式可以使依賴于宿主對象的} else {return value}break;case 'string':return new String(value);break;case 'boolean':return new Boolean(value);break;case 'number':return new Number(value);break;default:break;}}let obj = {}; //創建一個新對象obj.__proto__ = Super.prototype; //繼承父類的屬性//修改內部屬性class 為 “Object”，不過ecma262沒有提供任何方法去修改，只提供了一種訪問方法 Object.prototype.toString.call("我們的對象")//修改內部屬性Extensible為 true，不過目前沒有提供方法去修改，只有一個修改為false Object.preventExtensions("我們的對象");let result = Super.apply(obj, value); //調用Super的構造函數return typeof result === 'object' ? result : obj;; //判斷Super構造器總返回一個Object} }var a = _new(Super)(['z']) a; //{name: "z"}

歡迎補充

總結

以上是生活随笔為你收集整理的(详解)你应该知道的new操作符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。