Class

@TODO

class Foo {constructor (a, b) {this.x = a;this.y = b;}gimmeXY () {return this.x * this.y;} } 復制代碼

• 只能通過new Foo()來實例化，Foo.call(obj)是不允許的
• Foo是不會提升的，繼承或者實例化之前要先聲明

構造器

對于類和子類來說，構造器并不是必須的，如果省略的話會有默認構造器。

默認子類構造器自動調用父類的構造器并傳遞所有參數。

子類構造器中調用super(..)之后才能訪問this

class Foo {constructor () {this.a = 1;} }class Bar extends Foo {constructor () {this.b = 2; // 不允許在super()之前super(); // 要改正的話可以交換這兩條語句} } 復制代碼

擴展原生類

class myArray extends Array {first () {}last () {} } 復制代碼

元屬性

new.target是undefined的話，這個函數不是通過new調用的

static

類相當于實例的原型，所有在類中定義的方法，都會被實例繼承。如果在一個方法前，加上static關鍵字，就表示該方法不會被實例繼承，而是直接通過類來調用，這就稱為“靜態方法”。

class Foo {static classMethod() {return 'hello';} }Foo.classMethod() // 'hello'var foo = new Foo(); foo.classMethod() // TypeError: foo.classMethod is not a function 復制代碼

Symbol.species Getter構造器

class MyCoolArray extends Array {static get [Symbol.species]() { return Array } } var a = new MyCoolArray(1, 2, 3); b = a.map((v) => v * 2) b instanceof MyCoolArray; // false b instanceof Array; // true 復制代碼

總結

以上是生活随笔為你收集整理的Class的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。