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

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

亚连
發布: 2018-05-21 10:39:19
原創
1730 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!