构造函数与原型

最新推荐文章于 2022-04-25 16:42:02 发布
最新推荐文章于 2022-04-25 16:42:02 发布
阅读量252 收藏 1
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44922480/article/details/115963271
版权

构造函数与原型

构造函数
构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

JavaScript 的构造函数中可以添加一些成员，可以在构造函数本身上添加，也可以在构造函数内部的 this 上添加。通过这两种方式添加的成员，就分别称为静态成员和实例成员。

静态成员：在构造函数本上添加的成员称为静态成员，只能由构造函数本身来访问
实例成员：在构造函数内部创建的对象成员称为实例成员，只能由实例化的对象来访问
在这里插入图片描述
在这里插入图片描述

在这个构造函数中，new了两个对象，所以在内存空间中就会请求两个内存空间来存放new调用的sing方法。所以，我们为了避免内存的过渡消耗，引出了构造函数原型（prototype）。

首先什么是构造函数原型？
在JavaScript 中，规定每一个构造函数都有一个prototype属性，指向new出来的对象，这个对象的所有属性和方法都会被构造函数所拥有；所以可以把那些不变的方法，直接定义在prototype对象上，这样所有的对象的实例就可以共享这些方法。

对象的原型—proto—指向构造函数的prototype原型对象，所以对象可以调用构造函数的prototype；—proto—对象原型和原型对象prototype是等价的

在这里插入图片描述

构造函数会指向原型对象，而原型对象又会通过constructor指向构造函数；如果创建了实例，那么构造函数就会指向实例，实例又通过-proto-.指向原型对象之后又指向构造函数形成一个三角，如下图在这里插入图片描述

原型链
在这里插入图片描述

super舒楠
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中构造函数与原型链之间的关系详解
10-17
在本篇文章里小编给大家分享了关于JavaScript中构造函数与原型链之间的关系相关知识点，需要的朋友们学习下。
__proto__和prototype的区别和关系？
weixin_45656587的博客
10-13 3174
1._proto_是每个对象都有的一个属性，而prototype是函数才有的属性 2._proto_是当前对象的原型对象（隐式原型），而prototype是当前构造函数的原型对象（显式原型） 3.代码 //在JS中，所有函数都能作为构造函数，构造出一个对象 //创建函数 function GoodFriend(){ this.name = "三三"; } //现在设置GoodFriend()这个函数的prototype属性，prototype属性指向一个对象 //先定义一个Girl对象，再把
JS构造函数，原型对象
cyj5201314的博客
04-25 686
构造函数 可以利用以下方法生成对象 // 利用Object构造函数 let obj1 = new Object() // 利用字面量 let obj2 = {} // 利用自定义构造函数 function Star (uname, age) { this.uname = uname this.age = age this.sing = function () { console.log(`${this.uname}会唱歌`) } } let ldh = new Star('
构造函数与原型详解（prototype、__proto__、constructor）
泊一的博客
08-13 1232
文章目录1.构造函数1.1 对象创建的三种方式1.2静态成员和实例成员1.2.1实例成员1.2.2静态成员2. 构造函数的问题3.原型相关3.1 构造函数原型对象——prototype3.2 对象原型__proto__3.3 constructor构造函数3.4 三者之间的关系3.5 原型链3.5.1 原型链的查找机制4. 通过原型为数组扩展内置方法 1.构造函数 1.1 对象创建的三种方式 字面量方式 var obj = {}; new关键字 var obj = new Object();
原型模式
前端精髓
08-31 298
使用构造函数的主要问题，就是每个方法都要在每个实例中重新创建一遍。 function Animal () { this.sayName = function () { console.log('动物') } } let dog = new Animal() let cat = new Animal() 每个函数都有一个 prototype （原型）属性，这个属性是一个指针，指向...
构造函数和原型
liber_langzi的博客
03-27 359
1、构造函数通过原型分配的函数是所有对象所共享的 2、每一个构造行数都有一个prototype属性，指向另一个对象 3、节约内存资源，不需要再开辟内存空间 4、一般情况下公共的属性都写在构造函数里面，公共的方法写在原型上面 问答： 1、什么是原型？ 一个对象，我们也称为prototype原型对象 2、原型的作用是什么？ 共享方法 二、对象原型__proto__ 对象身上系统自动添加__proto__指向我们构造函数的原型对象 对象原型__proto__和原型对象prototype是
JS构造函数与原型prototype的区别介绍
10-22
下面小编就为大家带来一篇JS构造函数与原型prototype的区别介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
深入理解javascript构造函数和原型对象
10-25
对象，是javascript中非常重要的一个梗，是否能透彻的理解它直接关系到你对整个javascript体系的基础理解，说白了，javascript就是一群对象在搅。。（哔！）。
构造函数、实例对象、原型对象
Amethyst的博客
03-05 1500
文章目录构造函数与实例对象之间的关系原型简单的原型写法原型添加方法、属性解决数据共享问题原型中的方法相互访问实例对象使用属性和方法的层层搜索为内置对象添加原型方法原型链改变原型的指向原型最终指向 构造函数与实例对象之间的关系 1、实例对象是通过构造函数来创建的——创建的过程叫实例化 2、如何判断对象是不是这个数据类型？ 1)对象 instanceof 构造函数的名字（更常用） 2)通过构造器的方式：实例对象.构造器==构造函数的名字 console.dir(obj);//console.dir显示对象的结
构造函数的原型，原型链，以及三角关系
zy的博客
01-15 348
构造函数的原型，原型链 prototyoe: 每个构造函数里都有一个prototype属性，称为显示原型 __proto__: 每个实例化对象都有一个__proto__属性，称为隐式原型 constructor：每个prototype原型都有一个constructor属性，我们称它为构造函数 原型链：每一个实例对象有一个__proto__属性，指向构造函数的原型对象，构造函的原型对象也是一个对象，也有__proto__属性，这样一层一层往上找，直到找到Object.prototype为止，就形成了原
构造函数和原型导读
czx1826488201的博客
11-10 156
1. 构造函数和原型 1.1 在ES6之前是没有类的定义的， 只能通过构造函数来封装一些共同的功能； 1.2 构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与new一起使用，我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 new在执行时会做四件事情： 1）在内存中创建一个新的空对象； 2）让this指向这个新的对象； 3）执行构造...
构造函数、实例、原型、原型链之间的关系
yin_991的博客
07-08 7874
1、构造函数是什么 所谓的构造函数其实就是一个普通的函数前面加了new运算符，其实质也是一个函数，所以构造函数都有函数的prototype属性。2、实例是什么 实例就是通过构造函数创建出来的对象。                    var M = function () { this.name = 'Jane'                     }                ...
通过构造函数创建的对象的原型指向构造函数的prototype属性
破晓
05-17 1646
function Range(from,to){ this.from = from; this.to = to; } Range.prototype = { includes:function(x){return x>=this.from && x<=this.to;}, forearch:function(){for(var i
构造函数的原型属性prototype
alightman的博客
10-13 1055
js规定,所有的函数自带一个属性，prototype,而且是一个对象（构造函数），通过构造函数实例化的对象可以直接通过原型的属性和方法访问 什么意思呢，比如 fn.prototype.name = "zs", 所有通过实例化的对象，var cc = new fn(); console.log(cc.name) = "zs";同理，可以存储行为函数 所以之前的所有构造函数里的共
一张图弄懂构造函数原型链指向关系
weixin_30379911的博客
05-22 344
转载于:https://www.cnblogs.com/gping/p/9074472.html
构造函数和原型对象 以及原型链
feng_cy的博客
09-15 187
原型链和构造函数 js每一个对象都会指向一个原型对象，并能从原型对象中继承属性。每个对象都能通过proto属性访问到本身原型对象。创建对象的方式不同，对象的原型也会不同。对象的原型层层指向就能构成原型链。 原型和原型链 js中最基本的对象是 Object.prototype 。js中所有的对象的原型链最后都会指向 Object.prototype 这个对象。对象字面量创建的对象的原型会直接指向 Object.prototype 。js中函数也是对象，函数的原型则不是直接指向 Object.prot..
构造函数的__proto__指向什么
qq_29055201的博客
06-06 3232
function A() {} A.__proto__ === A.constructor.prototype // true 上面代码，构造函数A也是对象，我们知道，任何对象都有一个constructor属性，指向它的构造函数，即A的构造函数为A.constructor 而构造函数中又有一个属性prototype指向实例的原型，即A.constructor.prototype ...
构造函数的原型和原型链
最新发布
03-28
构造函数的原型是一个对象，它包含了构造函数的所有公共属性和方法。每个实例对象都可以访问这个原型对象，从而共享这些公共属性和方法。 原型链是由原型对象组成的链式结构，它连接了所有实例对象和构造函数的原型...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值