JS 继承的两种写法

ES5

function Human(name){
  this.name = name
}
Human.prototype.run = function(){
  console.log('我叫' + this.name + ',我在跑')
  return undefined
}
function Man(name){
  Human.call(this,name)
  this.gender = '男'
}

var f = function(){}
f.prototype = Human.prototype
Man.prototype = new f()

Man.prototype.fight = function(){
  console.log('糊你熊脸')
}

var man = new Man('ff')

ES6

class Human{
  constructor(name){
    this.name = name
  }
  run(){
    console.log('我叫' + this.name + ',我在跑')
    return undefined
  }
}

class Man extends Human{
  constructor(name){
    super(name)
    this.gender = '男'
  }
  fight(){
    console.log('糊你熊脸')
  }
}

var man = new Man('ff')

两种方法都能实现继承,本质上ES6继承是ES5继承的语法糖,会更简单些,但是假如要添加一个非函数的属性,比如“种族:人类”。
那么用 ES5 的方法会更方便操作,可以直接添加:

Human.prototype.种族 = ‘人类’

在 ES6 中只能用一种变通的方法来实现:

class Human{
  constructor(name){
    this.name = name
  }
  run(){
    console.log('我叫' + this.name + ',我在跑')
    return undefined
  }
  get  种族(){
    return '人类'
 }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 0. 写在前面 当你开始工作时,你不是在给你自己写代码,而是为后来人写代码。 —— Nichloas C. Zak...
    康斌阅读 5,369评论 1 42
  • 一、问:ES6是什么,为什么要学习它,不学习ES6会怎么样? 答: ES6是新一代的JS语言标准,对分JS语言核...
    水落斜阳阅读 1,288评论 0 19
  • class的基本用法 概述 JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子: ...
    呼呼哥阅读 4,129评论 3 11
  • 本文先对es6发布之前javascript各种继承实现方式进行深入的分析比较,然后再介绍es6中对类继承的支持以及...
    lazydu阅读 16,736评论 7 44
  • 怎么说呢,我怎么会得这个奖?我也不知道啊,这要问评委啊。 (评委:神经病啊,这文章我写的啊) 好吧,开玩笑,有点小...
    扫地_阅读 431评论 6 15