快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://6mz.cn/article/gpssip.html

其他资讯