ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

论原型与原型链

2022-02-20 11:02:09  阅读:121  来源: 互联网

标签:__ 构造函数 对象 原型 prototype 属性


一、构造函数

        构造函数是一个普通的函数,创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写。另外就是调用方式的不同,普通函数是直接调用,而构造函数需要使用new关键字来调用。

        每创建一个Person构造函数,在Person构造函数中,为每一个对象都添加了一个sayName方法,也就是说构造函数每执行一次就会创建一个新的sayName方法。这样就导致了构造函数执行一次就会创建一个新的方法,执行100次就会创建100个新的方法,而100个方法都是一摸一样的,为什么不把这个方法放到一个地方,让所有的实例都可以访问到呢?这就需要原型(prototype)

二、原型

        在JavaScript中,定义一个函数数据类型(普通函数、类)时候,都会自带一个prototype属性,这个属性指向函数的原型对象。

用一张图表示构造函数和实例原型之间的关系:

 :上图表示的就是per.__proto__ ===Person.prototype

        原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中。

三、原型链

1.__proto__constructor

        每一个对象天生自带一个属性__proto__,对象一但创建就会有__proto__属性,值是当前实例所构造函数的原型(prototype)对象。原型对象中有一个属性constructor, 它指向该构造函数。

注:上图只画了普通对象的原型链,函数原型链没画

2.何为原型链

        在JavaScript中如果对象自身没有调用的属性或方法,那么对象就会沿着__proto__链逐层去查找原型,直到指向Object.prototype为止,这样就形成了一个原型指向的链条,专业术语称之为原型链。

大致如下:

        当我们访问对象的一个属性或方法时,它会先在对象自身中寻找,如果有则直接使用,如果没有则会去原型对象中寻找,如果找到则直接使用。如果没有则去原型的原型中寻找,直到找到Object对象的原型,而Object对象的原型是null,所以在Object原型中依然没有找到,则返回undefined。

 我们可以通过更改构造函数的原型来改变原型链:

注:上图只画了普通对象的原型链,函数原型链没画      

         我们也可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性;使用in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true

标签:__,构造函数,对象,原型,prototype,属性
来源: https://blog.csdn.net/m0_57534152/article/details/123027256

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有