最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

理解javascript中的原型和原型鏈

來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 21:41:20
文檔

理解javascript中的原型和原型鏈

理解javascript中的原型和原型鏈:這篇文章介紹了javascript中的原型和原型鏈,需要的朋友可以參考下。原型大家都知道,JavaScript 不包含傳統(tǒng)的類繼承模型,而是使用 prototype 原型模型。代碼實現(xiàn)大概是這樣子的function Student(name){ this.name = name; } var
推薦度:
導(dǎo)讀理解javascript中的原型和原型鏈:這篇文章介紹了javascript中的原型和原型鏈,需要的朋友可以參考下。原型大家都知道,JavaScript 不包含傳統(tǒng)的類繼承模型,而是使用 prototype 原型模型。代碼實現(xiàn)大概是這樣子的function Student(name){ this.name = name; } var
這篇文章介紹了javascript中的原型和原型鏈,需要的朋友可以參考下。

原型

大家都知道,JavaScript 不包含傳統(tǒng)的類繼承模型,而是使用 prototype 原型模型。代碼實現(xiàn)大概是這樣子的

Kimy本身是沒有say方法的,當(dāng)他在自己對象中找不到該方法時就回去他的原型中查找,也就是Student.prototype對象中查找。這里我們用到了一個構(gòu)造函數(shù)Student

構(gòu)造函數(shù)、__proto__以及原型鏈

除了IE瀏覽器,其他瀏覽器都在Object對象的實例上,部署了一個非標(biāo)準(zhǔn)的__proto__屬性(前后各兩個下劃線),指向該對象的原型對象,即構(gòu)造函數(shù)的prototype屬性。

盜用一段代碼和一張圖

我們可以看到,每個對象都是含有一個__proto__屬性,b的__proto__指向的構(gòu)造b的構(gòu)造方法Foo的prototype屬性;而Foo.prototype也是一個對象,本身也有一個__proto__指向構(gòu)造其的構(gòu)造方法Object的prototype。Object.prototype的__proto__被指向了 null, 這就形成了一個原型鏈了。

這里還要能理解這樣一段代碼:

new做了什么

這里還有一個小問題,js里面普通函數(shù)和構(gòu)造函數(shù)形式上貌似沒有啥太大區(qū)別(首字母大寫不是必須的,但是通常都把構(gòu)造函數(shù)的首字母大寫)。new這個關(guān)鍵字到底做了什么東西。

打比方:

var Kimy = new Student();

new 做了三件事情:

1、定義了一個空對象

2、設(shè)置其原型

3、初始化對象

這樣就能理解為什么Kimy.__proto__指向的是Student.prototype了(同一個引用),原來就是new在起著關(guān)鍵的作用!

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文檔

理解javascript中的原型和原型鏈

理解javascript中的原型和原型鏈:這篇文章介紹了javascript中的原型和原型鏈,需要的朋友可以參考下。原型大家都知道,JavaScript 不包含傳統(tǒng)的類繼承模型,而是使用 prototype 原型模型。代碼實現(xiàn)大概是這樣子的function Student(name){ this.name = name; } var
推薦度:
標(biāo)簽: 理解 javascript 理解的
  • 熱門焦點(diǎn)
專題
Top

抖音扫码关注

手机端二维码

每天分享百科知识!