20class的继承

2017-11-08  本文已影响0人  我_巨可爱

复习

没有class和extends,使用混合继承

function Parent(name) {}
function Son(name,age) {
  // 一: 调用父类
  Parent.call(this,name)
  this.age = age
}
// 二:继承原型上方法 --- 不需要参数
Son.prototype = new Parent()

介绍

  1. 使用关键字extends
  2. 子类的constructor必须要调用super

原型

  1. js中的继承依旧是基于prototype
  2. 对子类使用Object.getPrototypeOf(SubClass)的到是父类

super 关键字

  1. super作为函数
  1. super作为对象
  1. console.log(super)报错,因为无法判断super是对象还是函数
  2. 对象总是继承对象,对象中可以直接使用super

两条继承链

  1. Son.__proto__ == Parent
  2. Son.prototype.__proto__ == Parent.prototype
  3. 子类实例原型的原型指向父类实例的原型p1.__proto__.__proto__ = p2.__proto__

原生构造函数的继承

原生构造函数大致有,String,Number,Boolean,Array,Date,Function,Object,RegExp

  1. es5中不允许继承原生构造函数,即使使用“混合继承”的方式,新生成的类不会有原生构造函数的行为
  2. es6中允许继承原生构造函数
  3. 在继承Object类的时候有行为差异,无法通过super方法向父类Object传参
上一篇 下一篇

猜你喜欢

热点阅读