关于javascript:JavaScriptES5-ES6-实现继承

41次阅读

共计 513 个字符,预计需要花费 2 分钟才能阅读完成。

ES5

class Human {constructor(name) {this.name = name}
  run() {console.log(this.name + ', is runing')
  }
}
class Stu extends Human {constructor(name) {super(name)
      this.gender = 'male'
  }
  learn() {console.log(this.name + ', is learnubg')
  }
}
var stu = new Stu('tao')

ES6

function Human(name) {this.name = name}
Human.prototype.run = function() {console.log(this.name + ', is runing')
}
function Stu(name) {Human.call(this, name)
  this.gender = 'male'
}
Stu.prototype.__proto__ = Human.prototype
Stu.prototype.learn = function () {console.log(this.name + ', is learning')
}
var stu = new Stu('tao')

正文完
 0