美文网首页
js实现继承的六种方法

js实现继承的六种方法

作者: 逆风飘游的鱼 | 来源:发表于2019-08-26 21:45 被阅读0次

背代码,不用 class 这样实现

function Animal(color){

    this.color = color

}

Animal.prototype.move = function(){} // 动物可以动

function Dog(color, name){

    Animal.call(this, color) // 或者 Animal.apply(this, arguments)

    this.name = name

}

// 下面三行实现 Dog.prototype.__proto__ = Animal.prototype

function temp(){}

temp.prototye = Animal.prototype

Dog.prototype = new temp()

Dog.prototype.constuctor = Dog // 这行看不懂就算了,面试官也不问

Dog.prototype.say = function(){ console.log('汪')}

var dog = new Dog('黄色','阿黄')

背代码,用 class 就简单了

class Animal{

    constructor(color){

        this.color = color

    }

    move(){}

}

class Dog extends Animal{

    constructor(color, name){

        super(color)

        this.name = name

    }

    say(){}

}

相关文章

  • JS继承的方法

    JS继承的方法有六种: 1、原型链继承 2、构造继承 3、实例继承 4、拷贝继承 5、组合继承 6、寄生组合继承

  • [读] JS中的call()和apply()方法

    JS中的call()和apply()方法 实现继承 多重继承

  • js实现继承的六种方式

    js实现继承的六种方式 继承,顾名思义就是子类通过一定的方式拥有父类的属性和方法,一个简单的栗子:有一个孩子,他拥...

  • 2019-07-25

    js实现继承的六种方式 继承,顾名思义就是子类通过一定的方式拥有父类的属性和方法,一个简单的栗子:有一个孩子,他拥...

  • JS继承的六种方式

    js实现继承的六种方式 继承,顾名思义就是子类通过一定的方式拥有父类的属性和方法,一个简单的栗子:有一个孩子,他拥...

  • js实现继承的六种方法

    背代码,不用 class 这样实现 function Animal(color){ this.color =...

  • 类关系

    六种关系继承与实现关系:类B继承类A或者接口A,就称为继承与实现关系。依赖关系:类B独立模型,类A中方法用到类B,...

  • 我碰到的前端面试题(js)

    1.js实现继承有哪几种方法? 方法一:原型链继承 方法二: 构造函数继承 方法三: 组合继承 2.this指向问...

  • JS实现继承方法

  • JS继承

    JS继承的几种实现方式 继承是指子类继承父类的属性和方法,要实现继承,首先我们需要有一个父类 原型链继承 原型链继...

网友评论

      本文标题:js实现继承的六种方法

      本文链接:https://www.haomeiwen.com/subject/wsljectx.html