詳細講解javascript中new運算子的原理（圖文教學）

下面我就為大家帶來一篇淺談javascript中new運算元的原理。現在就分享給大家，也給大家做個參考。

javascript中的new是一個語法糖，對於學過c ，java 和c#等物件導向語言的人來說，以為js裡面是有類別和物件的區別的，實作上js並沒有類，一切皆對象，比java還來的徹底

new的過程實際上是創建一個新對象，把新象的原型設置為構造器函數的原型，在使用new的過程中，一共有3個對象參與了協作，建構器函數是第一個對象，原型對像是二個，新生成了一個空對像是第三個對象，最後返回的是一個空對象，但這個空對像不是真空的，而是已經含有原型的參考（__proto__)

步驟如下：

(1) 建立一個空物件obj

# #(2) 讓空物件的__proto__（IE沒有該屬性）成員指向了建構函數的prototype成員物件

(3) 使用apply呼叫建構器函數，this綁定到空物件obj上。

(4) 傳回空物件obj

可以自己寫個函數取代使用new也是完全可以的，範例程式碼如下：

function NEW_OBJECT(Foo){

var obj={};
obj.__proto__=Foo.prototype;
obj.__proto__.constructor=Foo;
Foo.apply(obj,arguments)
return obj;

}

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

React如何避免重渲染_javascript技巧

#程式碼詳解JavaScript如何實現快速排序

React如何避免重渲染_javascript技巧

#

以上是詳細講解javascript中new運算子的原理（圖文教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！