JavaScript的constructor 、prototype解析 -- 原型模式知识扩展

最新推荐文章于 2020-10-29 10:00:00 发布

初雪日

最新推荐文章于 2020-10-29 10:00:00 发布

阅读量414

点赞数

分类专栏： js js基础

本文链接： https://blog.csdn.net/TionSu/article/details/77800816

版权

js 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

js基础

8 篇文章 0 订阅

订阅专栏

1、示例代码

a、person1和person2都有一个属性constructor，指向Person，
b、Person也有constructor，指向Function，因为Person是Function的实例

2、constructor ( 每个对象都有此属性)

3、prototype ( 每个构造函数都有此属性 )

每当对象new后，根据特定的规则为函数创建一个prototype属性，这个属性指向函数的原型对象
1. Person.prototype指向Person的原型对象（下下图的箭头图可解析）在默认情况下，所有原型都会获得一个constructor属性，这个属性包含一个指向原型所在函数的指针
2. Person.prototype.constructor指向函数Person

a、示例代码

b、原理图：

参考来源：代码参考《JavaScript高级编程第三版》，结合了个人的理解。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

初雪日

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

构造函数-原型-对象原型-constructor属性-原型继承-原型链

xiaohu_haha的博客

05-21

537

1、构造函数面对对象编程的特性：比如封装性、继承性等，可以借助于构造函数来实现，但是会存在浪费内存的问题 <script> // 构造函数函数名一般习惯以大写字母开头 // this指向的实例对象 function Person(x, y) { this.uname = x, this.age = y, this.sing = function() { console.log('我会唱歌');

javascript -- 创建对象 原型模式

一个憨憨的前端之路

11-29

839

每个函数都会创建一个 prototype 属性，这个属性是一个对象，包含应该由特定引用类型的实例共享的属性和方法。实际上，这个对象就是通过调用构造函数创建的对象的原型。使用原型对象的好处是，在它上面定义的属性和方法可以被对象实例共享。原来在构造函数中直接赋值给对象实例的值，可以直接赋值给它们的原型，如下所示： function Person() {} Person.prototype.name = "Jin"; Person.prototype.age = 18; Person.

参与评论您还未登录，请先登录后发表或查看评论

js 原型 _proto_, prototype, contructor的联系

LEI20012000的博客

04-01

233

困扰了本人好久的原型，很让人头疼，苦心钻研后，总结如下：下面理解下：需要记住几点：记住！！！记住！！！记住！！！（重要的说3遍） 1. 实例的_proto_属性指向构造函数的原型 2. Function的构造函数是它自己 3._proto_和contructor属性是对象所独有的 4.prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有_proto...

Person、prototype、__proto__、constructor的解析【逆战班】

Luoshunb的博客

02-23

1137

一、构造函数、实例化对象 function Person(name) { this.name = name; } var person1 = new Person('xiaoming'); var person2 = new Person('xiaoli'); function后面的方法名 Person 就是一个构造函数，一般首字母大写，需要new实例化; new之后的对象就是实例化对象，此处...

prototype、constructor那点事儿

weixin_34248705的博客

08-02

一、什么是原型(prototype) 　　1、prototype本质上还是一个JavaScript对象；　　2、每个函数都有一个默认的prototype属性；　　3、通过prototype我们可以扩展Javascript的内建对象如果这个函数被用在创建自定义对象的场景中，我们称这个函数为构造函数。比如：代码 // 构造函数 function Person...

constructor、prototype、__proto__详解笔记

weixin_33752045的博客

09-30

227

最近在看设计模式时，遇到一些关于继承原型之类的知识，对于constructor、prototype、proto__彼此的区别关联有些懵逼，搜了一些文章，现将对此知识的理解整理如下（笔记来源于以下地址：hanekaoru.com/constructor…-%E5%92%8C-prototype-%E5%8C%BA%E5%88%AB%E5%92%8C%E5%85%B3%E7%B3%BB/ ，segm...

Js中constructor, prototype, __proto__ 详解

web前端开发

10-29

242

本文为了解决以下问题：__proto__(实际原型)和prototype(原型属性)不一样！！！constructor属性(原型对象中包含这个属性，实例当中也同样会继承这个属性)prot...

JavaScript中的原型prototype完全解析

10-22

接下来，我们将详细解析JavaScript中的原型和prototype，以及与之密切相关的__proto__属性和原型链。首先，要理解prototype，需要明白以下几个关键概念： 1. JavaScript中所有东西都是对象：在JavaScript中，数字...

JavaScript中的prototype和constructor简明总结

10-26

JavaScript 是一种基于原型的面向对象编程语言，它利用 prototype 和 constructor 两个核心概念来实现对象的继承和原型链继承。在 JavaScript 中，几乎所有的数据类型都有一个 constructor 属性，它指向创建这个数据...

javascript中的_proto_、constructor和prototype详解

IT_10的博客

07-23

334

首先，在JavaScript中，任何对象都有一个proto属性；任何方法都有prototype属性，prototype本身也是一个对象，所以其中也有一个proto属性，另外还有一个constructor属性。 &amp;amp;lt;script&amp;amp;gt; function myFunc() { } var a=new myFunc(); consol...

原型链----看懂_proto_和prototype

wenmin1987的博客

09-15

614

文章目录 1. 前言 2. _ _ proto _ _ 属性 3. prototype属性 4. constructor属性 5. 总结提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完) 1. 前言作为一名前端工程师，必须搞懂JS中的prototype、__proto__与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点，__prot..

详解js中prototype、constructor以及__proto__的关系

明天回火星

05-11

3411

原文 http://www.cnblogs.com/zichi/p/4363175.html 三者暧昧关系简单整理在javascript中，prototype、constructor以及__proto__之间有着“著名”的剪不断理还乱的三角关系，楼主就着自己对它们的浅显认识，来粗略地理理以备忘，有不对之处还望斧正。楼主的一句话理解就是：某个对象的cons

js构造函数constructor和原型prototype

xiasohuai的博客

09-28

1224

所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型）所有函数拥有prototype属性（显式原型）（仅限函数）原型对象：拥有prototype属性的对象，在定义函数时就被创建 __proto__, prototype和constructor 下面这三个属性的定义非常重要，始终贯穿在原型中。 prototype：此属性只有构造函数才有，它指向的是当前构造函数的...

JS constructor探讨（一）:为什么要设置prototype.constructor？

甘焕的博客

05-30

6862

每次实现JS的继承时，代码里必有如下两句：// 用于设置原型 Employee.prototype = new Person() // 设置原型的构造器 Employee.prototype.constructor=Employee实现原型链就靠第一句话，但第二句话有什么用呢？先看示例代码：function Person(username) { this.username = usern

javascript-prototype

weixin_34128237的博客

08-04

1、我们创建的每一个函数都有一个prototype属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 2、原型对象实际就是一个构造函数的实例对象，与普通的实例对象没有什么本质上的区别，js中每一个对象都有一个原型对象。不过他比较特殊，该对象所包含的所有属性和方法能够供构造函数的所有实例共享，这就是其他语言所说的继...

关于JS中的constructor与prototype