码迷,mamicode.com
首页 > 其他好文 > 详细

es6学习整理(2)

时间:2020-01-06 14:27:51      阅读:54      评论:0      收藏:0      [点我收藏+]

标签:dog   class   prototype   console   bsp   extend   nim   继承   and   

class 语法糖

class 本身就是函数

class MathHandle(){

  constructor(x,y){

    this.x = x

    this.y = y

  }

  add(){

    return this.x+this.y

  }

}

const m = new MathHandle(1,2)

console.log(m.add(1,2))

 

js构造函数用法:

function MathHandle(x,y){

  this.x = x;

  this.y = y;

}

MathHandle.prototype.add = function(){

  return this.x+this.y

}

const m = new MathHandle(1,2)

console.log(m.add(1,2))

构造函数 MathHandle

MathHandle.prototype.constructor === MathHandle

m.__proto__ === MathHandle.prototype

 

class 继承

class Animal{

   constructor(name){

     this.name = name

   }

   eat(){

     console.log(`${this.name}eat`)

   }

}

class Dog extends Animal{

  constructor(name){

    super(name)

    this.name = name

  }

 

  say(){

    console.log(`${this.name}say`)

  }

}

 

const dog = new Dog(‘哈士奇‘)

dog.say()

dog.eat()

注意:class 后面跟extends 的写法一定要在constructor中吧super写上

es6学习整理(2)

标签:dog   class   prototype   console   bsp   extend   nim   继承   and   

原文地址:https://www.cnblogs.com/menghan94/p/12155857.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!