TypeScript 是一个强类型语言，它拥有 JavaScript 的所有功能并且增加了类型检查和其他特性。在 TypeScript 中，我们可以通过继承类型来扩展基础类型，这种方式被称为类型扩展。
通过扩展基础类型，我们可以根据自己的需要创建新的类型，这些类型可以包括任意的属性和方法，同时也继承了基础类型的所有属性和方法。在本文中，我们将探讨 TypeScript 如何继承基础类型。
继承基础类型
在 TypeScript 中，我们可以使用 interface 关键字定义一个接口，接口可以用来描述对象的形状。在定义接口的时候，我们可以通过 extends 关键字继承其他接口，例如：
-- -------------------- ---- ------- --------- --- - -- ------- - --------- --- ------- --- - -- ------- - ----- ---- --- - - -- --- -- ------- --
在上面的例子中，Bar 接口继承了 Foo 接口，因此 Bar 接口包含 Foo 接口中定义的属性 x，以及自己定义的属性 y。我们可以将 Bar 接口的对象赋值给 Foo 类型的变量，但反过来则会报错。
除了使用 interface 来继承基础类型之外，我们还可以使用 type 关键字来定义类型别名，并使用交叉类型 & 来继承其他类型，例如：
-- -------------------- ---- ------- ---- --- - - -- ------- -- ---- --- - --- - - -- ------- -- ----- ---- --- - - -- --- -- ------- --
在上面的例子中，Bar 类型是通过交叉类型 & 继承了 Foo 类型和包含属性 y 的对象类型。这种方式和使用 interface 继承基础类型的效果是一样的。
声明空对象类型
有时候我们需要声明一个空的对象类型，这时候我们可以使用 interface 或 type 关键字，并将它们继承自 object 或 {}（表示空对象类型）。例如：
interface EmptyObject extends object {}
type EmptyType = {} & object;这两种方式都可以创建一个空的对象类型。其中，EmptyObject 是一个接口，继承了 object 类型，EmptyType 是一个类型别名，使用交叉类型 & 继承了 {} 和 object 类型。
继承基础类型的方法
在 TypeScript 中，我们可以使用 interface 或 type 来继承基础类型的方法。例如，如果我们想要自定义一个数组类型，可以使用 interface 继承 Array 类型，并添加一些自定义方法，例如：
-- -------------------- ---- -------
--------- -------------- ------- -------- -
--------------- -----
-
----- ---------- ------- -------- ---------- -------------- -
------ --------------- ---- -
----------------- -- - ------ ---------
-
-
----- ------- - --- ---------- -- ---
----------------
-----------------------在上面的例子中，我们使用 interface 继承了 Array 类型，并添加了一个自定义方法 customMethod。我们还定义了一个 MyArray 类，它继承了 Array 类型，并实现了 CustomArray 接口。在实例化 MyArray 对象之后，我们调用了 push 方法和 customMethod 方法。
总结
通过本文的介绍，我们了解了 TypeScript 如何继承基础类型，包括使用 interface 和 type 关键字来继承基础类型，以及如何定义空的对象类型。我们还探讨了如何继承基础类型的方法，并给出了一个具体的例子。希望本文能够帮助您更好地理解 TypeScript 的类型扩展。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6483d38c48841e98943109d3