抽空三分钟,读懂 Object 、 object 和 「 」 三者之间区别
ztj100 2025-05-28 21:44 7 浏览 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() 方法的类型,包含原始和非原始类型。
相关推荐
- Spring IoC Container 原理解析
-
IoC、DI基础概念关于IoC和DI大家都不陌生,我们直接上martinfowler的原文,里面已经有DI的例子和spring的使用示例...
- SQL注入:程序员亲手打开的潘多拉魔盒,如何彻底封印它?
-
一、现象:当你的数据库开始"说话",灾难就来了场景还原:...
- Java核心知识3:异常机制详解
-
1什么是异常异常是指程序在运行过程中发生的,由于外部问题导致的运行异常事件,如:文件找不到、网络连接失败、空指针、非法参数等。异常是一个事件,它发生在程序运行期间,且中断程序的运行。...
- MyBatis常用工具类三-使用SqlRunner操作数据库
-
MyBatis中提供了一个非常实用的、用于操作数据库的SqlRunner工具类,该类对JDBC做了很好的封装,结合SQL工具类,能够很方便地通过Java代码执行SQL语句并检索SQL执行结果。SqlR...
- 爆肝2W字梳理50道计算机网络必问面试题
-
1.说说HTTP常用的状态码及其含义?思路:这道面试题主要考察候选人,是否掌握HTTP状态码这个基础知识点。...
- SpringBoot整合Vue3实现发送邮箱验证码功能
-
1.效果演示2.思维导图...
- 最全JAVA面试题及答案(200+)
-
Java基础1.JDK和JRE有什么区别?JDK:JavaDevelopmentKit的简称,Java开发工具包,提供了Java的开发环境和运行环境。JRE:JavaRunti...
- Java程序员找工作翻车现场!你的项目描述踩了这几个坑?
-
Java程序员找工作翻车现场!你的项目描述踩了这几个坑?噼里啪啦敲了三年代码,简历一投石沉大海?兄弟,问题可能出在项目描述上!知道为什么面试官看你的项目像看天书吗?因为你写了三个致命雷区:第一,把项目...
- 2020最新整理JAVA面试题附答案,包含19个模块共208道面试题
-
包含的模块:本文分为十九个模块,分别是:Java基础、容器、多线程、反射、对象拷贝、JavaWeb、异常、网络、设计模式、Spring/SpringMVC、SpringBoot/Spring...
- 底层原理深度解析:equals() 与 == 的 JVM 级运作机制
-
作为Java开发者,你是否曾在集合操作时遇到过对象比较的诡异问题?是否在使用HashMap时发现对象丢失?这些问题往往源于对equals()和==的误解,以及实体类中这两个方法的不当实...
- 雪花算法,什么情况下发生 ID 冲突?
-
分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的...
- 50个Java编程技巧,免费送给大家
-
一、语法类技巧1.1.使用三元表达式普通:...
- 如何规划一个合理的JAVA项目工程结构
-
由于阿里Java开发手册对于工程结构的描述仅限于1、2节简单的概述,不能满足多样的实际需求,本文根据多个项目中工程的实践,分享一种较为合理实用的工程结构。工程结构的原则有依据、实用。有依据的含义是指做...
- Java 编程技巧之单元测试用例编写流程
-
温馨提示:本文较长,同学们可收藏后再看:)前言...
- MyBatis核心源码解读:SQL执行流程的奇妙之旅
-
MyBatis核心源码解读:SQL执行流程的奇妙之旅大家好呀!今天咱们要来一场既烧脑又有趣的旅程——探索MyBatis这个强大框架的核心秘密。你知道吗?当你在项目里轻轻松松写一句“select*f...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 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)