【JavaScript】原型与原型链
创始人
2024-06-02 20:41:55
0

1. 原型模式

每个函数都会创建一个prototype属性,这个属性是一个对象,包含应该由特定引用类型的实例共享的属性和方法。实际上,这个prototype对象就是通过调用构造函数创建的对象的原型,使用原型对象的好处是,在它上面定义的属性和方法可以被所有实例对象共享。原来在构造函数中直接赋值给对象实例的值,可以直接赋值给它们的原型,如下所示:

function Person(){}Person.prototype.name = "CODER-V";
Person.prototype.age = 18;
Person.prototype.sayName() = function(){console.log(this.name);
};let p1 = new Person();
p1.sayName()// CODER-Vlet p2 = new Person();
p2.sayName()// CODER-V

这里,所有属性和方法都直接添加到了Person的prototype属性上,构造函数体中什么也没有。但这样定义之后,实例任然可以拥有相应的属性和方法,要理解这个过程就必须理解ECMAScript中方原型的本质。

2. 理解原型

无论何时,只要创建一个函数,就会按照特定的规则为这个函数创建一个prototype属性(指向原型对象)。默认情况下,所有原型对象都会自动获得一个名为constructor的属性,指回与之关联的构造函数。
在这里插入图片描述

在自定义构造函数时,原型对象默认只会获得constructor属性,其他方法都继承自Object。每次调用构造函数创建一个新的实例,这个实例内部的[[prototype]]指针就会被赋值为构造函数的原型对象。JavaScript中没有访问这个[[prototype]]特性的标准方式,但Firefox、Safari、Chrome会在每个对象上暴露_proto_属性,通过这个属性可以访问对象的原型。在其他实现中,这个特性完全被隐藏了。关键在于理解这一点:实例与构造函数原型之间有直接的联系,但实例与构造函数之间没有。

在这里插入图片描述
虽然不是所有实现都对外暴露了[[prototype]],但是可以使用isPrototypeOf()方法,确定两个对象是否共享一个原型(其实这个原型就是一个隐藏类,对隐藏类不了解的可以看一下我的另一篇文章:垃圾回收与内存管理 4.3节),本质上,isPrototypeOf()会在传入参数的[[prototype]]指向调用它的对象时,返回true,即:

Persion.prototype.isPrototypeOf(Person1); //true

ECMAScript的Object类型有一个方法叫Object.getPrototypeOf(),返回参数内部特性[[prototype]]的值,即:

Persion.getPrototypeOf(Person1) == Persion.prototype; //true
Persion.getPrototypeOf(Person1).name; //CODER-V

使用Object.getPrototypeOf()可以方便的获取一个对象的原型,而这在通过与原型实现继承时显得尤为重要(本章后面会介绍)。

Object类型还有一个setPrototypeOf()方法,可以向实例的私有特性写入一个新值。这样就可以重写一个对象的原型继承关系:

let biped = { numLegs: 2 };
let person = { name: "CODER-V" };Object.setPrototypeOf(person,biped);
console.log(person.biped);// 2,通过Object.setPrototypeOf为person的原型对象写入了新的值

但是不推荐这样做,因为修改了原型会间接修改了继承关系,这种影响是微妙且深远的,会影响所有继承了这个原型的实例对象。为了避免使用setPrototypeOf()造成的性能下降,可以通过Object.create()来创建一个新的对象,同时为其指定原型:

let biped = { numLegs: 2 };
let person = Object.create(biped);
person.name = "CODER-V";/**
* person={
*	numLegs: 2;
*	name: "CODER-V"
* }
*/

3. 原型层级

4. 原型和in操作符

相关内容

热门资讯

小仓鼠在笼子里一动不动的是怎么... 小仓鼠在笼子里一动不动的是怎么回事?小仓鼠应该是生病了,建议尽快处理,找兽医看看,他们最专业。目前应...
扬州何园的寻访感受 扬州何园的寻访感受 你好,请参考: 初见何园,似乎有种似曾相识的感觉,或许意识到这种想...
童年傻事作文---速来 童年傻事作文---速来童年傻事 童年是多么美好,童年的生活令人向往,童年的天空总是那么蓝,而童...
家庭幽默大赛老韩头一家幽默服装... 家庭幽默大赛老韩头一家幽默服装秀家庭幽默大赛老韩头一家幽默服装秀这都被他看出来了  今天晒内裤了,室...
乐器名称 乐器名称我在小提琴协奏曲《梁祝》的视频里这种乐器不知叫什么名字,请懂音乐和乐器的朋友给予解答,谢谢。...
电视剧《老马家的幸福往事》中的... 电视剧《老马家的幸福往事》中的马鸣和徐丽娜在马鸣的大学里的图书馆里偷书时用留声机听的歌是什么名字的请...
流鬼的介绍 流鬼的介绍 流鬼,是古代民族,分布在今俄罗斯勘察加半岛,有数万人。
请问为爱所困火吗 请问为爱所困火吗一般般。爱情偶像剧。此剧上一年开播,还上了微博热搜榜我认为很火,为爱所困第二部还有不...
什么是手诊 什么是手诊手诊的概念就是指通过人体手的纹路形态、变化、规律等方式,对人体器官的演变作出推理的一种防治...
双子星公主法和希的有几集,第一... 双子星公主法和希的有几集,第一部第二部都要,如果知道第三部也透露一点,请求不要编,法和希最后怎样了拜...
王熙凤简介 王熙凤简介《红楼梦》中人物,贾琏之妻,王夫人的内侄女。长着一双丹凤三角眼,两弯柳叶吊梢眉,身量苗条,...
大学生应从哪些方面进行自我探索 大学生应从哪些方面进行自我探索兴趣、能力、价值观、性格,这四个是最主要的方面,其中价值观是核心
谁有好看的卡通人物的电脑背景! 谁有好看的卡通人物的电脑背景!卡通人物的背景要清色! 看得清 要男生的 我有Clannad主题...
幼儿园小班孩子座位固定好还是经... 幼儿园小班孩子座位固定好还是经常换好?我家孩子座位老换,我觉得不好,大家觉得呢?... 我家孩子座...
我的爸爸的作文 我的爸爸的作文我的父亲 人们常说父爱如山,可在我看来,我的父亲对我的爱,并非完全如山那样严峻,有时却...
潘朵拉之心第二季动漫什么时候出 潘朵拉之心第二季动漫什么时候出动画只出了第一季 没有要出第二季的消息 可能性估计很小目前漫画还在连载...
时不我待是什么意思 时不我待是什么意思时不我待的意思是时间不等待人,要抓紧时间,不要虚度光阴。出处:日月逝矣,岁不我与。...
葫芦小金刚里大娃怎么被抓的 葫芦小金刚里大娃怎么被抓的掉泥潭被捉的
有一部小说叫穿越千年来爱你还是... 有一部小说叫穿越千年来爱你还是什么的有一部小说叫穿越千年来爱你还是什么的内容讲的是一个女的在路上走着...
火影忍者力 米娜是红眼吗 火影忍者力 米娜是红眼吗红眼?首先这几集是原创,非岸本创作。在岸本的剧情结构里面只有木叶白眼、写轮眼...