JavaScript 類(class) extends 關鍵字

JavaScript 類(class) JavaScript 類(class)


實例

實例

以下實例創建的類 "Runoob" 繼承了 "Site" 類:

class Site { constructor(name) { this.sitename = name; } present() { return '我喜歡' + this.sitename; } } class Runoob extends Site { constructor(name, age) { super(name); this.age = age; } show() { return this.present() + ', 它創建了 ' + this.age + ' 年。'; } } let noob = new Runoob("菜鳥教程", 5); document.getElementById("demo").innerHTML = noob.show();

嚐試一下 »


定義和用法

extends 關鍵字用於創建一個類,該類是另一個類的子類。

子類繼承了另一個類的所有方法。

繼承對於代碼可重用性很有用:在創建新類時重用現有類的屬性和方法。

super() 方法引用父類的構造方法。

通過在構造方法中調用 super() 方法,我們調用了父類的構造方法,這樣就可以訪問父類的屬性和方法。

語法

class childClass extends parentClass

技術細節

JavaScript 版本: ECMAScript 2015 (ES6)

瀏覽器支持

extends 是 ECMAScript6 (ES6) 特性。

ES6 (JavaScript 2015) 支持目前所有主流的瀏覽器。

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

Internet Explorer 11 或更舊版本的 IE 不支持 extends 關鍵字。


JavaScript 類(class) JavaScript 類(class)