优秀的编程知识分享平台

网站首页 > 技术文章 正文

TypeScript 中 'Object'、'{}' 和 'object' 之间的区别

nanyue 2024-10-21 06:19:35 技术文章 32 ℃

在 TypeScript 中,当我们想要定义一个对象类型时,有 'Object'、'{}'、'object' 等几种简洁的选项。它们之间有什么区别?

Object(大写)

Object(大写)描述所有 JavaScript 对象共有的属性。它在TypeScript 库附带的lib.es5.d.ts文件中定义。

如您所见,它包含一些常见属性,如toString(),valueOf()等等。

因为它只强调 JavaScript 对象共有的属性。因此,您可以将可装箱对象(如string、boolean、number、bigint)分配symbol给它,但不能反过来。

{}

{}描述一个没有自己成员的对象,这意味着如果你尝试访问其属性成员,TypeScript 将会报错:

从上面的代码示例中,我们可以看到{}和Object(大写)具有相同的特性。也就是说,它只能访问那些通用的属性(即使 JavaScript 代码逻辑是正确的),所有可装箱的对象都可以分配给它,等等。

这是因为该类型可以通过原型链访问这些公共属性,并且它也没有自己的属性。因此它的行为与(大写)类型{}相同。但它们代表不同的概念。

object(小写)

对象(小写)表示任何非原始类型,在代码中表示如下:

type PrimitiveType =
  | undefined
  | null
  | string
  | number
  | boolean
  | bigint
  | symbol;


type NonPrimitiveType = object;

这意味着所有原始类型都不能分配给它,反之亦然。

Tags:

最近发表
标签列表