JS的继承是从一个对象原型向另一个对象原型的简单拷贝

原创于 2012-12-31 14:20:46 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript 继承 protot

WEBUI 专栏收录该内容

32 篇文章

订阅专栏

本文深入探讨了JavaScript中面向对象编程的实现方式，通过简单的对象原型拷贝机制，解释了如何实现类与实例的关系，并提供了实例代码进行演示。

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

JavaScript支持面向对象，但是其实现方式是通过简单的从一个对象原型向另一个对象原型的拷贝的方式来实现的。

实例如下：

var BaseCls={};

BaseCls.getName=function(){
	return "base class";
}


var ChildCls = {};

ChildCls.getName = BaseCls.getName;

BaseCls.getName=function(){
	return "base class changed";
}

alert(ChildCls.getName());

alert(BaseCls.getName());

ChildCls.getName = BaseCls.getName;是将BaseCls的getName的定义复制给ChildCls的getName函数，之后对BaseCls的getName的改变不会影响到ChildCls的getName函数。

同样，用prototype继承也是相同的效果：

var BaseCls={};

BaseCls.getName=function(){
	return "base class";
}

function ChildCls(){
	
}

ChildCls.prototype.getName = BaseCls.getName;

BaseCls.getName=function(){
	return "base class changed";
}

alert(new ChildCls().getName());

alert(BaseCls.getName());