首页 / JAVASCRIPT / 聊一聊JS的继承

聊一聊JS的继承

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了聊一聊JS的继承，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1233字，纯文字阅读大概需要2分钟。

内容图文

1、组合继承

//		组合继承
		function Animal(){
			this.name=name||‘Animal‘;
			this.sleep=function(){
				console.log(this.name+‘sleep‘);
			}
		}
		Animal.prototype.eat=function(food){
			console.log(this.name+‘eat‘+food);
		}
		
		function Cat(name){
			Animal.call(this);//继承实例属性/方法，也可以继承原型属性/方法
			this.name=name||‘tom‘;//调用了两次父类构造函数，生成了两份实例（子类实例将子类原型上的那份屏蔽了）
		}
		Cat.prototype=new Animal();
		Cat.prototype.constructor=Cat;//组合继承也是需要修复构造函数指向的。
		var cat = new Cat();//既是子类的实例，也是父类的实例
		console.log(Cat.prototype.constructor);
		console.log(cat.name)
		console.log(cat.eat(‘haha‘))//可传参

特点：

　可以继承实例属性/方法，也可以继承原型属性/方法

  1. 既是子类的实例，也是父类的实例
  2. 不存在引用属性共享问题
  3. 可传参
  4. 函数可复用

缺点：

  1. 调用了两次父类构造函数，生成了两份实例（子类实例将子类原型上的那份屏蔽了）

推荐指数：★★★★（仅仅多消耗了一点内存）

 

2、寄生组合继承

寄生组合继承
		function Animal(){
			this.name=name||‘Animal‘;
			this.sleep=function(){
				console.log(this.name+‘sleep‘);
			}
		}
		Animal.prototype.eat=function(food){
			console.log(this.name+‘eat‘+food);
		}
		
		function Cat(name){
			Animal.call(this);
			this.name=name||‘tom‘;
		}
		
		(function(){
			var Super=function(){};// 创建一个没有实例方法的类
			Super.prototype=Animal.prototype;
			Cat.prototype=new Super(); //将实例作为子类的原型
		})()
		Cat.prototype.constructor = Cat;
		var cat=new Cat();
		console.log(cat.eat(‘haha‘))

特点：

  1. 堪称完美

缺点：

  1. 实现较为复杂

推荐指数：★★★★（实现复杂，扣掉一颗星）

原文：https://www.cnblogs.com/yiyi17/p/8430827.html

内容总结

以上是互联网集市为您收集整理的聊一聊JS的继承全部内容，希望文章能够帮你解决聊一聊JS的继承所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1191866.html

来源：【匿名】