首页  >  文章  >  web前端  >  TypeScript 中 &#Object&#、&#{}&# 和 &#object&# 之间的区别

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

王林
王林原创
2024-07-24 15:52:301144浏览

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

对象(大写)

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

The Differences Between

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

因为它只强调 JavaScript 对象共有的那些属性。因此,您可以为其分配可装箱对象,如字符串、布尔值、数字、bigint、符号,但反之则不然。

The Differences Between

{}

{} 描述了一个没有自己成员的对象,这意味着如果您尝试访问其属性成员,TypeScript 会发出错误消息:

The Differences Between

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

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

对象(小写)

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

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

type NonPrimitiveType = object;

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

The Differences Between

小吃:记录

在很多常用库的源码中,我们可能会看到Record来表示非原始类型。它与object(小写)具有相同的效果,但更语义化。


如果您觉得我的内容有帮助,请考虑订阅。我每周日都会发送 _ 每周时事通讯 _ 包含最新的网络开发更新。感谢您的支持!

以上是TypeScript 中 &#Object&#、&#{}&# 和 &#object&# 之间的区别的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn