网站首页 > 知识剖析 正文
TypeScript 中 'Object'、'{}' 和 'object' 之间的区别
nixiaole 2024-12-22 20:03:16 知识剖析 10 ℃在 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;
这意味着所有原始类型都不能分配给它,反之亦然。
猜你喜欢
- 2024-12-22 快速了解JavaScript的面向对象 js面向对象和面向过程
- 2024-12-22 vue中的prop vue中的prop属性
- 2024-12-22 一文解读JavaScript事件对象和表单对象
- 2024-12-22 IE法提取网页数据 如何提取网页中的数据
- 2024-12-22 用node.js实现一个网页爬虫 nodejs爬虫框架crawler
- 2024-12-22 HTML DOM 引用( ) 对象 html引用其他html
- 2024-12-22 判断JavaScript的常用对象类型的方法和是否包含某个属性的判断
- 2024-12-22 广州蓝景技术分享—前端模块化(5分钟快速入门RequireJs)
- 2024-12-22 JavaScript 中 require 和 import 语句的区别
- 2024-12-22 JavaScript中常见的几种错误 javascript中常见的错误有
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)