10 Class 的基本语法

1.简介
2.继承

1.简介

类的由来

生成实例对象的传统方法是通过构造函数。

function Point(x, y) {
  this.x = x;
  this.y = y;
}

Point.prototype.toString = function () {
  return '(' + this.x + ', ' + this.y + ')';
};

var p = new Point(1, 2);

ES6写法

class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    return '(' + this.x + ', ' + this.y + ')';
  }
}

let point = new Point('a','b')
let s = point.toString()
console.log(s)  // (a,b)

2.继承

class Point {
  constructor(x,y){
    this.x = x
    this.y =y
  }
}
class ColorPoint extends Point {
  constructor(x, y, color) {
    super(x, y)
    this.x = x
    this.y = y
    this.color = color
  }
}

let colorpoint = new ColorPoint(1,2,'yellow')
console.log(colorpoint) 

注意tips
必须在super()后才能使用this。