淺談JS中new操作符的原理
來源:懂視網
責編:小OO
時間:2020-11-27 20:17:10
淺談JS中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。
導讀javascript中的new是一個語法糖,對于學過c++,java 和c#等面向對象語言的人來說,以為js里面是有類和對象的區別的,實現上js并沒有類,一切皆對象,比java還來的徹底。new的過程實際上是創建一個新對象,把新象的原型設置為構造器函數的原型,在使用new的過程中,一共有3個對象參與了協作,構造器函數是第一個對象,原型對象是二個,新生成了一個空對象是第三個對象,最終返回的是一個空對象,但這個空對象不是真空的,而是已經含有原型的引用(proto)。步驟如下:(1) 創建一個空對象obj。(2) 讓空對象的proto(IE沒有該屬性)成員指向了構造函數的prototype成員對象。(3) 使用apply調用構造器函數,this綁定到空對象obj上。(4) 返回空對象obj。
下面小編就為大家帶來一篇淺談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也是完全可以的,示例代碼如下:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
淺談JS中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。