day13---继承inherit

最新推荐文章于 2024-05-23 21:01:38 发布

XinPeiYing

最新推荐文章于 2024-05-23 21:01:38 发布

阅读量193

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/XinPeiYing/article/details/83379068

本文探讨了JavaScript中实现继承的常见方式及其存在的问题。通过分析原型链的特性，介绍了圣杯模式这一改进方案，该模式能有效避免子类原型修改影响父类对象的情况，确保了继承的健壮性和独立性。

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

我们常用下列方式来完成继承

	Father.prototype.lastName="Liu";
	function Father(){}
	function Son(){}
	Son.prototype = Father.prototype;
	var son = new Son;
	var father = new Father;
	console.log(son.lastName);//Liu
	console.log(father.lastName);//liu

或者将继承用函数表示

	Father.prototype.lastName = "Liu";
	function Father(){}
	function Son(){}
	function inherit(Target Origin){
		Target.prototype = Origin.prototype;
	}
	inherit(Son,Father);
	var son = new Son();
	console.log(Son.lastName)//Liu

但以上方式存在缺点。
我们给son的原型添加属性son.prototype.money:100;
同时构建一个新的对象var father=new Father();
此时如果我们访问father.money,不难发现father对象里并没有money属性，但结果却是father.money=100。此时son.prototype.money与father.prototype.money指向同一个。
为避免此种情况，将代码进行完善，从而推出一种完美的模式-----圣杯模式。

	function inherit(Target,Origin){
		function F(){};
		F.prototype = Origin.prototype;
		Target.prototype = new F();
		Target.prototype.constructor =Target;
		Target.prototype.uber=Origin.prototype;//查看继承自谁
	}
	Father.prototype.lastName="Liu";
	function Father(){}
	function Son(){}
	inherit(Son,Father);
	var son = new Son();
	var father = new Father();

在继承中间添加一个新的对象，来形成原型链。这样一来，解决了上面的问题----更改son的原型但不改变father的属性。