构造函数（constructor）与原型链（prototype）关系

wapeyang 发布于2019-08-23 15:25 / 2167人阅读

摘要：在中不存在的概念，它的概念是通过构造函数与原型链来实现。构造函数创建对象时的初始化对象，总是与关键是一同出现。构造函数存在以下特点构造函数内的指向当前实例对象。

在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]

超融合服务器服务器托管 prototype原型原型原型链原型链原型链继承

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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
讲清楚之 javascript原形

摘要：构造函数和实例都通过属性指向了原形。代码示例是构造函数的实例的属性与的属性保存的值相等，即他们指向同一个对象原形。讲清楚之javascript原型标签： javascript javascript 中原形是一个比较难于理解的概念。javascript 权威指南在原形这一章也花了大量的篇幅进行介绍，也许你已经读过javascript 权威指南，或者已经是读第N篇了，然而这篇文章的目...

Galence 2019-08-05 13:57 评论0 收藏0