首頁  >  文章  >  web前端  >  淺談JS中new操作符的原理

淺談JS中new操作符的原理

怪我咯
怪我咯原創
2017-07-04 15:22:321383瀏覽

下面小編就為大家帶來一篇淺談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;

}

以上是淺談JS中new操作符的原理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn