二维码
微世推网

扫一扫关注

当前位置: 首页 » 快闻头条 » 科普 » 正文

抽空三分钟_读懂_Object___object_和

放大字体  缩小字体 发布日期:2022-04-09 16:58:05    作者:田喾磊    浏览次数:307
导读

typescript 中引入了 object 类型,用于表示非原始类型。在 JS 中被叫做原始类型得有:number、string、boolean、bigint、symbol、null 和 undefined 。刚接触 TS 可能会对 object、Object 和 { } 很困惑,不知道它

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 = undefinedlet 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// errorobj.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() 方法得类型,包含原始和非原始类型。
  •  
    (文/田喾磊)
    免责声明
    • 
    本文仅代表发布者:田喾磊个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,需自行承担相应责任。涉及到版权或其他问题,请及时联系我们删除处理邮件:weilaitui@qq.com。
     

    Copyright©2015-2025 粤公网安备 44030702000869号

    粤ICP备16078936号

    微信

    关注
    微信

    微信二维码

    WAP二维码

    客服

    联系
    客服

    联系客服:

    24在线QQ: 770665880

    客服电话: 020-82301567

    E_mail邮箱: weilaitui@qq.com

    微信公众号: weishitui

    韩瑞 小英 张泽

    工作时间:

    周一至周五: 08:00 - 24:00

    反馈

    用户
    反馈