聊聊JavaScript如何实现继承及特点
“继承”是面向对象编程里面经常提及到的概念，它的目的是实现代码复用。JavaScript并没有“类”的概念，那么，它如何实现继承呢？
（ES6有关键字class和extend，继承的语法与Java等面向对象语言类似，但是，ES6 class，只是JavaScript原型继承的语法糖而已）
1. 类式继承
关键点：通过构造函数实现继承。
父类：
function Parent(name) {
this.name = name || "parent";
}
Parent.prototype.say = function() {
return this.name;
}
子类：
function Child() {}
(1) 父类对象继承
Child.prototype = new Parent("child");
var child = new Child();
child.say(); // "child"
特点：使用这种继承模式，子类不仅仅会继承父类原型上的方法/属性，还会继承父类自身的属性。
这种模式的缺点是，在初始化父类对象指向给子类原型时，并不确定父类构造函数的初始化参数（Child.prototype = new Parent("child");），而且，往往这些参数并不是子类需要的。
(2) 借用构造函数
改造子类：
function Child(){
Parent.apply(this, arguments);
}
特点：使用这种继承模式，子类只会继承父类自身的属性。
缺点很明显，它无法从原型链中继承任何方法/属性。
(3) 共享原型
Child.prototype = Parent.prototype;
这种方式的缺点是，子类原型和父类原型共享一个对象，那么，子类如果修改原型，必然会影响父类。
(4) 临时构造函数
function inherit(Child, Parent) {
var F = function(){};
F.prototype = Parent.prototype;
Child.prototype = new F();
}
特点：利用一个空函数F()充当子类和父类之间的代理，既可以实现父类原型方法/属性的继承，又可以在子类原型上继续扩展方法/属性。
一般，我们可以利用ES5提供的新方法Object.create()来实现此类继承。
Child.prototype = Object.create(Parent.prototype);
2. 通过复制属性实现继承
复制属性分为浅拷贝和深拷贝。
浅拷贝不会复制对象类型，只会简单的将对象引用指向子类，代码如下：
function extend(parent, child) {
var key;
for(key in parent) {
if (parent.hasOwnProperty(key)){
child[key] = parent[key];
}
}
return child;
}
深拷贝会做深度复制，如果某个属性为对象类型，那么，它会复制出该对象的属性，再拷贝给子类。代码如下：
function extendDeep(parent, child) {
var key;
for(key in parent) {
if (parent.hasOwnProperty(key)){
if (typeof parent[key] === 'object') {
child[key] = (parent[key].toString() === "[object Array]")? []:{};
extendDeep(parent[key], child[key]);
} else {
child[key] = parent[key];
}
}
}
return child;
}
3. "借用方法"模式复用父类函数
如果不想实现父子之间的完全继承，仅仅期望子类实现父类中一个或多个方法，那么可以利用apply, call, bind来调用父类函数，实现复用。
代码如下：
parent.say.call(child, "hello, child!");
小结
推荐采用“临时构造函数”模式实现继承。以上所述是小编给大家介绍的JavaScript如何实现继承，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要给大家介绍了关于blob文件流前端显示pdf的三种方法,困扰我一个晚上的问题,终于解决了,文中给出了详细的代码示例,需要的朋友可以参考下2024-04-04
在这篇文章中，主要将向大家展示如何使用 HTML、CSS 和 JavaScript代码制作模拟时钟，文中的示例代码讲解详细，感兴趣的可以了解一下2022-08-08
这篇文章主要为大家介绍了javascript函数进阶，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>2021-12-12
在上传文件时，常常要对文件的类型即对文件的后缀名进行判断，用javascript可以很容易的做到这一点。用Javascript解析一个带绝对路径的文件名并得到后缀名的方法有很多种，这里列出一种，以供参考。2013-07-07
这篇文章主要介绍了带有定位当前位置的百度地图前端web api实例代码 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
表单校验是注册环节中必不可少的操作,表单校验通过一定的规则来确保用户提交数据的有效性,下面这篇文章主要给大家介绍了关于el-form表单验证的一些实用方法,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了javascript数组遍历的方法,结合实例形式分析了javascript数组遍历及相关的some、every、filter、map等方法的使用技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了java遇到微信小程序 "支付验证签名失败" 问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要介绍了微信小程序事件 bindtap bindinput代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了Javascript实现多彩雪花从天降散落效果的方法,可实现雪花飘落及散开的效果,非常炫目华丽,需要的朋友可以参考下2015-02-02
最新评论