JavaScript 面向对象的编程 类的继承

Posted 梦见舟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 面向对象的编程 类的继承相关的知识,希望对你有一定的参考价值。

定义父类和子类的继承关系

//声明父类
function SuperClass(){
    this.superValue = true;
}

//为父类添加共有方法
SuperClass.prototype.getSuperValue=function(){
    return this.superValue;
}

//声明子类
function SubClass(){
    this.subValue = false;
}

//继承父类
SubClass.prototype = new SuperClass();
SubClass.prototype.getSubValue = function(){
    return this.subValue;
}

var instance = new SubClass();
console.log(instance.getSuperValue());
console.log(instance.getSubValue());

  console.log(instance instanceof SuperClass);
  console.log(instance instanceof SubClass);
  console.log(SubClass instanceof SuperClass);
  console.log(SubClass.prototype instanceof SuperClass);
  console.log(instance instanceof Object);

将父类的实例赋给子类的prototype就实现了 类的继承

类关系的检测

结果如下:

 

有版权问题请留言,或加我qq362601125

参考列表

1.《javascript设计模式》作者张荣铭

以上是关于JavaScript 面向对象的编程 类的继承的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript高级第一天学习总结—— 面向对象ES6 中的类和对象类的继承案例:面向对象版tab 栏切换

JavaScript的面向对象编程(OOP)——聚合

javaScript设计模式之面向对象编程(object-oriented programming,OOP)--寄生组合式继承

玩转JavaScript OOP[2]——类的实现

JavaScript 面向对象的介绍

JavaScript对象原型链继承闭包