構造函數（constructor）與原型鏈（prototype）關系

wapeyang 發布于2019-08-23 15:25 / 2358人閱讀

摘要：在中不存在的概念，它的概念是通過構造函數與原型鏈來實現。構造函數創建對象時的初始化對象，總是與關鍵是一同出現。構造函數存在以下特點構造函數內的指向當前實例對象。

在Javascript中不存在class的概念，它的class概念是通過構造函數（constructor）與原型鏈（prototype）來實現。

1.構造函數（constructor）：創建對象時的初始化對象，總是與new 關鍵是一同出現。

構造函數存在以下特點：
    1、構造函數內的this 指向當前實例對象。
    2、使用new 關鍵字實例化當前對象。
    3、構造函數首字母大寫，區分普通函數。
    4、實例對象都可以繼承構造函數中的屬性和方法。但是，同一個對象實例之間，無法共享屬性。

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

3.構造函數與與原型的聯系：

從以上輸出結果可以看出：

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

GPU云服務器云服務器 prototype原型原型原型鏈原型鏈原型鏈繼承

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/102023.html

深入學習js之——原型和原型鏈

摘要：我們用一張圖表示構造函數和實例原型之間的關系好了構造函數和實例原型之間的關系我們已經梳理清楚了，那我們怎么表示實例與實例原型，也就是或者和之間的關系呢。開篇：在Brendan Eich大神為JavaScript設計面向對象系統的時候，借鑒了Self 和Smalltalk這兩門基于原型的語言，之所以選擇基于原型的面向對象系統，并不是因為時間匆忙，它設計起來相對簡單，而是因為從一開始B...

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

摘要：我們用一張圖表示構造函數和實例原型之間的關系好了構造函數和實例原型之間的關系我們已經梳理清楚了，那我們怎么表示實例與實例原型，也就是或者和之間的關系呢。開篇：在Brendan Eich大神為JavaScript設計面向對象系統的時候，借鑒了Self 和Smalltalk這兩門基于原型的語言，之所以選擇基于原型的面向對象系統，并不是因為時間匆忙，它設計起來相對簡單，而是因為從一開始B...

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

摘要：每個原型對象都有一個屬性指向關聯的構造函數為了驗證這一說話，舉個例子。本文共 1475 字，讀完只需 6 分鐘一、概述在 JavaScript 中，是一種面向對象的程序設計語言，但是 JS 本身是沒有類的概念，JS 是靠原型和原型鏈實現對象屬性的繼承。在理解原型前，需要先知道對象的構造函數是什么，構造函數都有什么特點？ 1. 構造函數 // 構造函數 Person() ...

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

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

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

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

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