TypeScript 从入门到进阶之基础篇(二) ts进阶类型篇

TypeScript 从入门到进阶系列

1. TypeScript 从入门到进阶之基础篇(一) ts基础类型篇
2. TypeScript 从入门到进阶之基础篇(二) ts进阶类型篇
3. TypeScript 从入门到进阶之基础篇(三) 元组类型篇
4. TypeScript 从入门到进阶之基础篇(四) symbol类型篇
   持续更新中…

---

---

前言

在上一章我们学习了在TypeScript 中如何使用、定义基础类型，本章我们将对TypeScript 中的 对象 、数组类型进行学习 ，在本章的学习中 你将了解到在TypeScript 使用引用类型与在 JavaScript 使用引用类型的区别及对应TypeScript 的知识

---

一、object 类型

object 类型相信学过JavaScript 的都了解 , 他是属于引用数据类型，在JavaScript 中的写法如下， 但是在TypeScript 中 我们定义对象的方式要用关键字interface（接口），其作用就是约束对象中的变量要满足其条件，同时 用接口定义对象，在我们使用到此对象的时候，在vscode中会有提示 可以开发时方便一些，以及如果我们在使用对象时如果定义了对象中不存在的属性 将会智能的提示出错误

1、基础运用

//JavaScript 的写法
const obj={
   
   
    a:1,
    b:'2',
}
//TypeScript 的写法

//首先我们要定义接口
//注意 我们在定义接口时 必须与对象中的属性一一对应 不能多一个属性也不能少一个属性 且数据的类型要对应
interface Obj {
   
   
    a:number
    b:string
}
const obj:Obj={
   
   
    a:1,
    b:'2',
}

注意 我们在定义接口时 必须与对象中的属性一一对应 不能多一个属性也不能少一个属性 且数据的类型要对应。例如下面的

错误例子1 ：我们在接口定义时 有a b c 3个属性 但是在obj对象中 只有a b 两个属性，这样则不满足一一对应的原则，将会报错

//例子1  将会报错
interface Obj {
   
   
    a:number
    b:string
    c:string
}
const obj:Obj={
   
   
    a:1,
    b:'2',
}

错误例子2 ：在此例子中我们的Obj接口和obj对象都是两个属性一一对应,看起来像没问题是吧。但是在接口的属性中 a属性我们定义为string类型， 但是我们在使用是