1. 程式人生 > >JavaScript 原型es6寫法

JavaScript 原型es6寫法

key prototype 方法 point object fun nbsp pre asc

class Point{

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

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

}

定義“類”的方法的時候,前面不需要加上function這個關鍵字,直接把函數定義放進去了就可以了。另外,方法之間不需要逗號分隔,加了會報錯,類的方法都是寫入在phototype中的,
class Bar {
  doStuff() {
    console.log(‘stuff‘);
  }
}

var b = new Bar();
b.doStuff() // "stuff" 調用類的方法,也是直接對類使用new
命令,跟構造函數的用法完全一致。




class Point {
  constructor() {
    // ...
  }

  toString() {
    // ...
  }

  toValue() {
    // ...
  }
}

// 等同於

Point.prototype = {
  constructor() {},
  toString() {},
  toValue() {},
};
 

Object.assign方法可以很方便地一次向類添加多個方法。

class Point {
  constructor(){
    // ...
  }
}

Object.assign(Point.prototype, {
  toString(){},
  toValue(){}
});
 

JavaScript 原型es6寫法