网站首页 > 技术文章 正文
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() 方法的类型,包含原始和非原始类型。
- 上一篇: 什么是 typeScript ?
- 下一篇: 写前端代码真是一件有意思的事情
猜你喜欢
- 2025-03-06 AI前端开发的未来:低代码、智能化与个性化体验的融合
- 2025-03-06 怎样编写代码实现富文本前端界面(Text)的复制/粘贴/剪切功能
- 2025-03-06 写前端代码真是一件有意思的事情
- 2025-03-06 Bybit14多亿美金被盗真相:Safe{Wallet} 前端代码被篡改
- 2025-03-06 什么是 typeScript ?
- 2025-03-06 前端开发30000行代码等于什么?
- 2025-03-06 如何写好一段前端代码?
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)