構(gòu)造函數(shù)（constructor）與原型鏈（prototype）關(guān)系

wapeyang 發(fā)布于2019-08-23 15:25 / 2354人閱讀

摘要：在中不存在的概念，它的概念是通過構(gòu)造函數(shù)與原型鏈來實(shí)現(xiàn)。構(gòu)造函數(shù)創(chuàng)建對象時的初始化對象，總是與關(guān)鍵是一同出現(xiàn)。構(gòu)造函數(shù)存在以下特點(diǎn)構(gòu)造函數(shù)內(nèi)的指向當(dāng)前實(shí)例對象。

在Javascript中不存在class的概念，它的class概念是通過構(gòu)造函數(shù)（constructor）與原型鏈（prototype）來實(shí)現(xiàn)。

1.構(gòu)造函數(shù)（constructor）：創(chuàng)建對象時的初始化對象，總是與new 關(guān)鍵是一同出現(xiàn)。

構(gòu)造函數(shù)存在以下特點(diǎn)：
    1、構(gòu)造函數(shù)內(nèi)的this 指向當(dāng)前實(shí)例對象。
    2、使用new 關(guān)鍵字實(shí)例化當(dāng)前對象。
    3、構(gòu)造函數(shù)首字母大寫，區(qū)分普通函數(shù)。
    4、實(shí)例對象都可以繼承構(gòu)造函數(shù)中的屬性和方法。但是，同一個對象實(shí)例之間，無法共享屬性。

2.原型（prototype）：是一個對象，實(shí)現(xiàn)對象的屬性繼承。javascript 中的對象通過 proto 來指向原型對象，可以通過Object.__proto__ 來訪問

3.構(gòu)造函數(shù)與與原型的聯(lián)系：

從以上輸出結(jié)果可以看出：

   構(gòu)造函數(shù)的 __proto__ 指向原型對象；
     原型的constructor 指向構(gòu)造函數(shù)Function;
     原型的 prototype.__proto__  等于 Object.__proto__;
     實(shí)例 的 constructor.prototype 指向原型；
     實(shí)例的constructor 指向構(gòu)造函數(shù)
   
   
   
   
引用圖例：
![1460000018155881][1]

GPU云服務(wù)器云服務(wù)器 prototype原型原型原型鏈原型鏈原型鏈繼承

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/102023.html

相關(guān)文章

深入學(xué)習(xí)js之——原型和原型鏈

摘要：我們用一張圖表示構(gòu)造函數(shù)和實(shí)例原型之間的關(guān)系好了構(gòu)造函數(shù)和實(shí)例原型之間的關(guān)系我們已經(jīng)梳理清楚了，那我們怎么表示實(shí)例與實(shí)例原型，也就是或者和之間的關(guān)系呢。開篇：在Brendan Eich大神為JavaScript設(shè)計(jì)面向?qū)ο笙到y(tǒng)的時候，借鑒了Self 和Smalltalk這兩門基于原型的語言，之所以選擇基于原型的面向?qū)ο笙到y(tǒng)，并不是因?yàn)闀r間匆忙，它設(shè)計(jì)起來相對簡單，而是因?yàn)閺囊婚_始B...

FingerLiu 2019-08-23 15:25 評論0 收藏0
深入學(xué)習(xí)js之——原型和原型鏈

摘要：我們用一張圖表示構(gòu)造函數(shù)和實(shí)例原型之間的關(guān)系好了構(gòu)造函數(shù)和實(shí)例原型之間的關(guān)系我們已經(jīng)梳理清楚了，那我們怎么表示實(shí)例與實(shí)例原型，也就是或者和之間的關(guān)系呢。開篇：在Brendan Eich大神為JavaScript設(shè)計(jì)面向?qū)ο笙到y(tǒng)的時候，借鑒了Self 和Smalltalk這兩門基于原型的語言，之所以選擇基于原型的面向?qū)ο笙到y(tǒng)，并不是因?yàn)闀r間匆忙，它設(shè)計(jì)起來相對簡單，而是因?yàn)閺囊婚_始B...

xialong 2019-08-23 15:04 評論0 收藏0
JavaScript原型與原型鏈

摘要：每個原型對象都有一個屬性指向關(guān)聯(lián)的構(gòu)造函數(shù)為了驗(yàn)證這一說話，舉個例子。本文共 1475 字，讀完只需 6 分鐘一、概述在 JavaScript 中，是一種面向?qū)ο蟮某绦蛟O(shè)計(jì)語言，但是 JS 本身是沒有類的概念，JS 是靠原型和原型鏈實(shí)現(xiàn)對象屬性的繼承。在理解原型前，需要先知道對象的構(gòu)造函數(shù)是什么，構(gòu)造函數(shù)都有什么特點(diǎn)？ 1. 構(gòu)造函數(shù) // 構(gòu)造函數(shù) Person() ...

liaosilzu2007 2019-08-23 12:24 評論0 收藏0
《前端竹節(jié)》（3）【原型與對象】

摘要：從原型對象指向構(gòu)造函數(shù)畫一條帶箭頭的線。線上標(biāo)注，表示該原型對象的構(gòu)造函數(shù)等于。但除此之外，若構(gòu)造函數(shù)所指的顯示原型對象存在于的原型鏈上，結(jié)果也都會為。執(zhí)行構(gòu)造函數(shù)，并將指針綁定到新創(chuàng)建的對象上。做前端開發(fā)有段時間了，遇到過很多坎，若是要排出個先后順序，那么JavaScript的原型與對象絕對逃不出TOP3。如果說前端是海，JavaScript就是海里的水一直以來都想寫篇文章梳理...

lentrue 2019-08-22 16:35 評論0 收藏0
講清楚之 javascript原形

摘要：構(gòu)造函數(shù)和實(shí)例都通過屬性指向了原形。代碼示例是構(gòu)造函數(shù)的實(shí)例的屬性與的屬性保存的值相等，即他們指向同一個對象原形。講清楚之javascript原型標(biāo)簽： javascript javascript 中原形是一個比較難于理解的概念。javascript 權(quán)威指南在原形這一章也花了大量的篇幅進(jìn)行介紹，也許你已經(jīng)讀過javascript 權(quán)威指南，或者已經(jīng)是讀第N篇了，然而這篇文章的目...

高勝山 2019-08-22 17:29 評論0 收藏0