抽空三分钟,读懂 Object 、 object 和 「 」 三者之间区别
ztj100 2025-05-28 21:44 21 浏览 0 评论
typeScript 中引入了 object 类型,用于表示非原始类型。在 JS 中被叫做原始类型的有:number、string、boolean、bigint、symbol、null 和 undefined 。
刚接触 TS 可能会对 object、Object 和 { } 很困惑,不知道它们之间有什么区别, 本篇文章就让我们来详细学习下吧!
一、学习 object、Object 和 {}
1.1、object
object 是非原始类型,不能够让原始的基础数据类型的数据赋值给它,不能够作为他的一个类型值得具体值。因此 object 可以是任意的非原始类型,如对象、方法、数组。
// 对象类型
let obj: object = {
name:'前端代码女神'
};
//方法
let fun: object = function () {
}
//数组
let arr: object=[]
如果赋值给一个原始数据类型时:
let num: object=1
错误提示:
1.2、Object
Object 代表的是所有拥有 toString() 和 hasOwnProperty() 方法的类型,也就是包含原始类型和非原始类型。因此可以把任意的数据类型值赋值给 Object 类型值,如:
// 对象类型
let obj: Object = {
name:'前端代码女神'
};
//方法
let fun: Object = function () {
}
// array 类型
let arr: Object = [1, 2, 3]
// number 类型
let num: Object = 1;
如果是 undefined 和 null 时:
let und: Object = undefined
let nul: Object = null
此时报错信息:
如果此时将 tsconfig.json 文件中的 strict 严格模式设置为 false 时,就不会报错了。因此在严格模式下,不能将 undefined 和 null 赋值给 Object 类型的值。
同理,对应的 object 也是一样的结果。
1.3、{}
{ } 即空类型,描述了一个没有成员的对象。当你视图访问这样的一个对象的任意属性时,typeScript 会产生一个编译错误。
let obj = { }
obj.name = "哈哈"
错误提示:
对象字面量 { } 限制对象时,最大优点就是能够对对象中的属性有更好的限制引用数据类型。
let obj: {
name: string,
age: number
} = {
name: '前端程序员',
age:20
}
console.log(obj.name) //前端程序员
console.log(obj.age)//20
如果修改对象中的属性时:
obj.name = "abc"
console.log(obj.name) // abc
// error
obj.name = 123
但是仍然可以使用 Object 类型上的所有属性和方法,这些属性和方法可以通过 JS 的原型链隐式的使用:
console.log(obj.toString());//[object Object]
二、object、Object 和 { } 三者之间区别
object 、Object 和 { } 我们对这三者之间的区别与联系做一个总结,分别有:
- 类型描述差异:object 是 ts 引入的新类型,表示非原始类型;Object 类型包含原始和非原始类;{} 描述的是空类型。
- object 与 Object 关系:使用 object 类型,可以更好地表示类似 Object.create 这样的 API 。object 可以 替换 Object,但是它两不完全等价。
- Object 包括了所有类型,在严格模式下不能够让 null 和 undefined 赋值给我们的 Object 的类型;object 是非原始数据类型,在严格模式下 undefined 和 null 不能够赋值给 object 类型。
- Object 和 { } 一样,代表所有拥有的 toString() 和 hasOwnProperty() 方法的类型,包含原始和非原始类型。
相关推荐
- Win10预览版10532已知问题汇总(微软win11正式版已知问题一览)
-
IT之家讯微软已向Insider用户推送了Win10预览版10532更新,本次更新对右键菜单、《Windows反馈》应用以及Edge浏览器进行了改进。除此之外还包含一些Bug,汇总如下,有意升级Wi...
- Gabe Aul正测试Win10 Mobile 10532,Insider用户还需等
-
IT之家讯本月中旬微软向Insider用户推送了Win10Mobile预览版10512,该版本修复了一些Bug,增强了系统稳定性,但依然存在一些问题。今天,微软Insider项目负责人GabeAu...
- 微软开始推送Win10预览版10532快速版更新
-
8月28日消息,刚才,微软推送了Win10Build10532快速版,修复了之前的Bug,并带来了三项改进。主要来说,这次的更新改进了右键菜单的UI,使其更具Modern风格(见上图)。此外,更新...
- Win10预览版10532更新内容大全(windows10更新预览版)
-
IT之家讯今天凌晨微软向Insider用户推送了Win10预览版10532快速版更新,本次更新主要带来了三处改进,汇总如下:o改进右键菜单,外观更加Modern。这是基于网友要求界面一致的反馈做出...
- 无法升级Win10预览版10532?也许Hyper-V在搞鬼
-
根据IT之家网友的反映,安装了微软虚拟机Hyper-V的Win10预览版用户无法成功升级Build10532版本,安装过程中会被要求回滚系统。很多朋友在尝试关闭虚拟机之后重启安装程序,结果仍然无法顺...
- Win10预览版10532界面兴起“酷黑”风潮
-
Win10预览版10532的界面改动还是较为明显的,主要体现在右键菜单上面。总体来看,该版本的右键菜单间距更宽,视觉上更大气,操作上更便于触控。具体来说,任务栏右键菜单的变化最为明显。除了增加选项的宽...
- Win10预览版10532上手图集(windows10预览版下载)
-
IT之家讯8月28日,微软今天推送了Win10预览版10532快速版更新,在该版本中,微软主要是加强细节上调整,并且主要是增强Edge浏览器性能等。在Windows10预览版10532中,微软改进了...
- Win10预览版10532上手视频亮点演示
-
IT之家讯8月28日消息,今天凌晨微软向WindowsInsider快速通道用户推送了Win10预览版10532。在Windows10预览版10532中,微软改进了右键菜单,外观更加现代化。另外还...
- 第二篇 前端框架Vue.js(vue前端框架技术)
-
前端三大核心是网页开发的基础,Vue则是基于它们构建的“生产力工具”。通俗理解就是HTML是化妆的工具如眉笔,CSS是化妆品如口红,JavaScript是化妆后的互动,而Vue就是化妆助手。有了化妆工...
- 基于SpringBoot + vue2实现的旅游推荐管理系统
-
项目描述...
- 基于Vue以及iView组件的后端管理UI模板——iview-admin
-
介绍iView-admin是一套后端管理界面模板,基于Vue2.0,iView(现在为ViewUI)组件是一套完整的基于Vue的高质量组件库,虽然Github上有一套非常火的基于ElementUI...
- 别再说你会SPA开发了,这5个核心你真的搞懂了吗?
-
前言此spa非彼spa,不是你所熟知的spa。你所熟知的spa作者肯定是没有你熟悉的。我们这里指的是在前端开发中的一种模型,叫作单页应用程序,顾名思义,就是整个项目只有一个页面,而页面中的内容是动态的...
- React.js Top20面试题(react.js中文官网)
-
概述作为React开发者,对框架的关键概念和原则有扎实的理解是很重要的。考虑到这一点,我整理了一份包含20个重要问题的清单,每个React开发者都应该知道,无论他们是在面试工作还是只是想提高技能。...
- 美媒:特朗普签署行政令后,FBI又发现约2400份、总计超14000页涉肯尼迪遇刺案文件
-
来源:环球时报新媒体1月23日特朗普下令公布肯尼迪遇刺案相关机密文件图源:美媒综合福克斯新闻网和Axios网站10日报道,在总统特朗普签署行政令,要求公布“肯尼迪遇刺案”相关政府机密文件之后,美国...
- 2021 年 Node.js 开发人员学习路线图
-
Node.js自发布以来,已成为业界重要破局者之一。Uber、Medium、PayPal和沃尔玛等大型企业,纷纷将技术栈转向Node.js。Node.js支持开发功能强大的应用,例如实时追踪...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- Win10预览版10532已知问题汇总(微软win11正式版已知问题一览)
- Gabe Aul正测试Win10 Mobile 10532,Insider用户还需等
- 微软开始推送Win10预览版10532快速版更新
- Win10预览版10532更新内容大全(windows10更新预览版)
- 无法升级Win10预览版10532?也许Hyper-V在搞鬼
- Win10预览版10532界面兴起“酷黑”风潮
- Win10预览版10532上手图集(windows10预览版下载)
- Win10预览版10532上手视频亮点演示
- 第二篇 前端框架Vue.js(vue前端框架技术)
- 基于SpringBoot + vue2实现的旅游推荐管理系统
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)