JavaScript如何实现继承

这篇文章主要介绍了JavaScript如何实现继承,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联公司主营德钦网站建设的网络公司,主营网站建设方案,APP应用开发,德钦h5小程序制作搭建,德钦网站营销推广欢迎德钦等地区企业咨询

1、寄生式继承

基于某个对象创建一个对象,然后增强对象,返回对象。

function create(original){
    // 通过调用函数创建一个新对象
    var clone = object(original);
    // 以某种方式增强对象
    clone.sayHi = function(){
        console.log('hi')
    }
    return clone;
}
var person = {
    name: 'chen'
}
var person1 = create(person);
person1.sayHi();

2、原型链继承

将父类的实例作为子类的继承。

function Parent(){
    this.name = 'parent'
}
Parent.prototype.sayName = function(){
    return this.name
}
function Child(){
}
// 继承了Parent
Child.prototype = new Parent();
var child1=new Child();
child1.say();

3、组合继承

使用原型链继承共享的属性和方法,通过借用构造函数继承实例属性。

function Parent(name){
    this.name = name;
    this.arr = [1,2,3]
}
Parent.prototype.sayName = function(){
    console.log(this.name)
}
function Child(name,age){
    // 继承属性
    Parent.call(this, name)
    this.age=age
}
// 继承方法
Child.prototype = new Parent()
Child.prototype.constructor = Child;
Child.prototype.sayAge = function(){
    console.log(this.age)
}
var child1=new Child('chen',21);
child1.arr.push(4); //[1,2,3,4]
child1.sayName()    // 'chen'
child1.sayAge()     // 21
 
var child2=new Child('miao', 12)
child2.arr          // [1,2,3]
child2.sayName()    // "miao"
child2.sayAge()     // 12

感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript如何实现继承”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


名称栏目:JavaScript如何实现继承
标题来源:http://bzwzjz.com/article/gpssip.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都网站制作 上市集团网站建设 响应式网站建设 企业网站建设 成都网站制作 移动手机网站制作 网站建设 成都网站设计制作公司 网站制作报价 成都网站设计 成都定制网站建设 成都网站制作公司 网站制作公司 成都网站建设 泸州网站建设 成都网站建设 成都定制网站建设 营销型网站建设 成都企业网站制作 app网站建设 重庆企业网站建设