[TOC] # 基本概念 **`extends`** 關鍵字用于[類聲明](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/class)或者[類表達式](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/class)中，以創建一個類，該類是另一個類的子類。 ## 語法 ~~~ class ChildClass extends ParentClass { ... } ~~~ ## 描述 `extends`關鍵字用來創建一個普通類或者內建對象的子類。 繼承的`.prototype`必須是一個[`Object`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object "Object 構造函數創建一個對象包裝器。")或者[`null`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/null "值?null?特指對象的值未設置。它是 JavaScript 基本類型 之一。")。 # 實踐 ## 使用?`extends` 第一個例子是根據名為?`Polygon`類創建一個名為`Square`的類。 ~~~js class Square extends Polygon { constructor(length) { // Here, it calls the parent class' constructor with lengths // provided for the Polygon's width and height super(length, length); // Note: In derived classes, super() must be called before you // can use 'this'. Leaving this out will cause a reference error. this.name = 'Square'; } get area() { return this.height * this.width; } } ~~~ ## 使用?`extends`與內置對象 這個示例繼承了內置的[`Date`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Date "此頁面仍未被本地化, 期待您的翻譯!")對象。 ~~~js class myDate extends Date { constructor() { super(); } getFormattedDate() { var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; return this.getDate() + "-" + months[this.getMonth()] + "-" + this.getFullYear(); } } ~~~ ## 擴展?`null` 可以像擴展普通類一樣擴展[`null`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/null "值?null?特指對象的值未設置。它是 JavaScript 基本類型 之一。")，但是新對象的原型將不會繼承?[`Object.prototype`](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/prototype "Object.prototype 屬性表示 Object 的原型對象。")。 ~~~js class nullExtends extends null { constructor() {} } Object.getPrototypeOf(nullExtends); // Function.prototype Object.getPrototypeOf(nullExtends.prototype) // null new nullExtends(); //ReferenceError: this is not defined ~~~