JavaScript對(duì)象原型鏈原理詳解
這篇文章主要介紹了JavaScript對(duì)象原型鏈原理詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
一個(gè)js對(duì)象,除了自己設(shè)置的屬性外,還會(huì)自動(dòng)生成proto、class、extensible屬性,其中,proto屬性指向?qū)ο蟮脑汀?/p>
對(duì)象的屬性也有writable、enumerable、configurable、value和get/set的配置方法。
對(duì)象的創(chuàng)建方式有三種:
一、使用字面量直接創(chuàng)建。
二、基于原型鏈創(chuàng)建。
分析上圖,要點(diǎn)如下:
1.可以new運(yùn)算符新建對(duì)象,foo為自定義函數(shù),即是對(duì)象。
2.可以設(shè)置foo.prototype上的屬性。
3.變量z在原型鏈上,為foo.prototype的屬性,并非obj的自有屬性。
4.原型鏈為obj->foo.prototype->Object.prototype->null。
分析上圖,要點(diǎn)如下:
1.若定義與原型鏈上同名的變量,則不會(huì)覆蓋原型鏈上的變量,而是在對(duì)象本身新增副本。
2.delete運(yùn)算符不會(huì)影響原型鏈上已有的變量,只會(huì)刪除對(duì)象自身的屬性。
三、使用Object.create創(chuàng)建。
分析上圖,要點(diǎn)如下:
1.Object.create是基于傳入的參數(shù)產(chǎn)生新的對(duì)象,并且入?yún)?huì)成為其原型鏈上的一部分。
2.Object.create(null)創(chuàng)建的對(duì)象直接指向null。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
canvas+gif.js打造自己的數(shù)字雨頭像的示例代碼
本篇文章主要介紹了canvas+gif.js打造自己的數(shù)字雨頭像的示例代碼,這里整理了詳細(xì)的代碼,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-10-10JavaScript中數(shù)組雙重去重的方法總結(jié)
這篇文章主要為大家學(xué)習(xí)介紹了JavaScript中數(shù)組雙重去重的幾個(gè)常用方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-07-07JavaScript調(diào)用傳遞變量參數(shù)的相關(guān)問題及解決辦法
本文給大家介紹javascript調(diào)用傳遞變量參數(shù)的相關(guān)問題及解決辦法,涉及到j(luò)s調(diào)用傳遞參數(shù)相關(guān)知識(shí),對(duì)js調(diào)用傳遞參數(shù)感興趣的朋友一起學(xué)習(xí)吧2015-11-11HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解
這篇文章主要介紹了HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04javascript判斷一個(gè)變量是數(shù)組還是對(duì)象
這篇文章主要介紹了javascript判斷一個(gè)變量是數(shù)組還是對(duì)象,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04Javascript實(shí)現(xiàn)的簡單右鍵菜單類
這篇文章主要介紹了Javascript實(shí)現(xiàn)的簡單右鍵菜單類,通過JavaScript自定義類實(shí)現(xiàn)右鍵菜單功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09JavaScript 輪播圖和自定義滾動(dòng)條配合鼠標(biāo)滾輪分享代碼貼
本文給大家分享一段js輪播圖和自定義滾動(dòng)條的代碼片段,布局和樣式小編沒給大家多介紹,大家可以根據(jù)個(gè)人需求優(yōu)化,具體實(shí)現(xiàn)代碼,大家可以參考下面代碼片段2016-10-10javascript table排序 這個(gè)更簡單了,不用改變現(xiàn)在的表格結(jié)構(gòu)
另外一個(gè)table排序,這個(gè)更簡單了,不用改變現(xiàn)在的表格結(jié)構(gòu),來自國外的代碼。2010-04-04