首頁 > web前端 > js教程 > 主體

淺談JS中new操作符的原理

怪我咯
發布: 2017-07-04 15:22:32
原創
1385 人瀏覽過

下面小編就為大家帶來一篇淺談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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板