百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

抽空三分钟,读懂 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...

取消回复欢迎 发表评论: