日期:2014-05-16  浏览次数:20296 次

JavaScript实现继承的几种方式

在这篇文章中,介绍了原型链继承的情形,事实上,JavaScript虽没有给出继承的关键字,但是我们依然能够拿出一些好办法实现。

?

1、原型链继承:

			var Base = function()
			{
				this.level = 1;
				this.name = "base";
				this.toString = function(){
					return "base";
				};
			};
			Base.CONSTANT = "constant";
			
			var Sub = function()
			{
			};
			Sub.prototype = new Base();
			Sub.prototype.name = "sub";

?

优点:从instanceof关键字来看,实例既是父类的实例,又是子类的实例,看起来似乎是最纯粹的继承。

缺点:子类区别于父类的属性和方法,必须在Sub.prototype = new Base();这样的语句之后分别执行,无法被包装到Sub这个构造器里面去。例如:Sub.prototype.name = "sub";无法实现多重继承。

?

?

2、构造继承:

			var Base = function()
			{
				this.level = 1;
				this.name = "base";
				this.toString = function(){
					return "base";
				};
			};
			Base.CONSTANT = "constant";
			
			var Sub = function()
			{
				Base.call(this);
				this.name = "sub";
			};

优点:可以实现多重继承,可以把子类特有的属性设置放在构造器内部。

缺点:使用instanceof发现,对象不是父类的实例。

?

?

3、实例继承:

			var Base = function()
			{
				this.level = 1;
				this.name = "base";
				this.toString = function(){
					return "base";
				};
			};
			Base.CONSTANT = "constant";
			
			var Sub = function()
			{
				var instance = new Base();
				instance.name = "sub";
				return instance;
			};

优点:是父类的对象,并且使用new构造对象和不使用new构造对象,都可以获得相同的效果。

缺点:生成的对象实质仅仅是父类的实例,并非子类的对象;不支持多继承。

?

?

4、拷贝继承:

			var Base = function()
			{
				this.level = 1;
				this.name = "base";
				this.toString = function(){
					return "base";
				};
			};
			Base.CONSTANT = "constant";
			
			var Sub = function()
			{
				var base = new Base();
				for(var i in base)
					Sub.prototype[i] = base[i];
				Sub.prototype["name"] = "sub";
			};

优点:支持多继承。

缺点:效率较低;无法获取父类不可枚举的方法。

?

?

这几种形式各有特点,仅就我提供的代码而言,满足下面的表格:

?

友情链接: 爱易网 云虚拟主机技术 云服务器技术 程序设计技术 开发网站 APP开发教程
Copyright © 2013-2024 爱易网页 当前在线:444人  网站在2时32分43秒内访问总人数:39415人 当前 38.59%  粤ICP备18100884号-2
instanceof父类 instanceof子类 子类constructor 不可枚举方法的继承 多继承可实现
原型链继承 TRUE TRUE FALSE TRUE FALSE
构造继承 FALSE TRUE TRUE TRUE TRUE