object方法怎么理解（抽空三分钟读懂）

typeScript 中引入了 object 类型，用于表示非原始类型。在 JS 中被叫做原始类型的有：number、string、boolean、bigint、symbol、null 和 undefined 。

刚接触 TS 可能会对 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 是 ts 引入的新类型，表示非原始类型；Object 类型包含原始和非原始类；{} 描述的是空类型。
• object 与 Object 关系：使用 object 类型，可以更好地表示类似 Object.create 这样的 API 。object 可以 替换 Object，但是它两不完全等价。
• Object 包括了所有类型，在严格模式下不能够让 null 和 undefined 赋值给我们的 Object 的类型；object 是非原始数据类型，在严格模式下 undefined 和 null 不能够赋值给 object 类型。
• Object 和 { } 一样，代表所有拥有的 toString() 和 hasOwnProperty() 方法的类型，包含原始和非原始类型。