原型与继承【一 最基本的继承实现 通过prototype】

本文详细探讨了JavaScript中实例与构造函数之间的原型链关系,解释了如何通过构造函数创建实例,以及实例如何继承构造函数原型上的属性。同时,文章剖析了ECMAScript6中[[Prototype]]的访问方式,并强调了修改构造函数原型时需注意的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

		function father() {
			this.a = 1;
			this.b = 2;
		}
		let instance = new father();
		father.prototype.b = 3;
		father.prototype.c = 4;
		console.log(instance)

在这里插入图片描述
此时原型链指向

{a:1, b:2} ---> {b:3, c:4} ---> Object.prototype---> null

实例的原型[[Prototype]] (proto) 和 构造函数的原型 func.prototype

遵循ECMAScript标准,someObject.[[Prototype]] 符号是用于指向 someObject 的原型。从 ECMAScript 6 开始,[[Prototype]] 可以通过 Object.getPrototypeOf() 和 Object.setPrototypeOf() 访问器来访问。这个等同于 JavaScript 的非标准但许多浏览器实现的属性 proto

但它不应该与构造函数 func 的 prototype 属性相混淆。被构造函数创建的实例对象的 [[prototype]] 指向 func 的 prototype 属性。Object.prototype 属性表示 Object 的原型对象。

实例的原型[[prototype]]指向构造函数func的原型prototype

实例的原型 [[prototype]] —> _ _ proto _ _

构造函数的原型 father.prototype

构造函数的原型 father.prototype 除了b,c还有constructor 和 _ _ proto _ _ ,因此不能直接让 father.prototype = {b:3;c:4},这样会切断原型链

在这里插入图片描述

第一节就到这里

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值