美文网首页
ES6中的class

ES6中的class

作者: _敏讷 | 来源:发表于2017-10-09 08:25 被阅读0次

基本用法

ES6中的class实际上是对象原型写法的语法糖
它的主要意义是使其更接近面对对象的语法

function Cat (name, age) {
  this.name = name
  this.age = age
}
Cat.prototype.toString = function () {
 return 'name: ' + this.name + ', age:' + this.age
}

let kitty = new Cat('kitty', 1)

将上述代码用class改写

class Cat {
  constructor(name, age) {
    this.name = name
    this.cat = cat
  }
  toString() {
    return  'name: ' + this.name + ', age:' + this.age
  }
}

class中的继承

class通过关键字extends实现继承

class Felinae extends Cat {
  constructor (name, age, color) {
    super(name, age)      //super关键字调用了父类的构造函数, 子类必须调用super()方法,否则会报错,因为子类没有自己的this对象,而是继承父类的this对象
    this.color = color
  }
}

相关文章

网友评论

      本文标题:ES6中的class

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