我们学习一下 TypeScript 中的两个基本概念:
类型注解
和类型推断
,这两个概念在我们编写 TypeScript 代码时会一直使用(重点),但很多教程都没有讲解,不过在官方文档中有比较好的解释。你现在可能还不能完全理解我说的这两个概念,但是你看完文章后就会有很直观的了解啦。只是我没明确这个概念和关系,所以你会觉的很陌生。这就好比,你身边有一个特别漂亮的姑娘,她一直很喜欢你,你也很喜欢她,但窗户纸一直没捅破,直到有一天你们喝多后,去了如家酒店(谈了谈心),你们的关系就明确了。
学程序并没有这么复杂,我们直接点,新建一个文件
demo4.ts
,然后看代码:let count: number; count = 123;
type inferrence 类型推断
当你明白了类型注解
的概念之后,再学类型推断就更简单了,先来看一段代码。还是在Demo4.ts
文件中写入下面的代码
工作使用问题(潜规则)
- 如果
TS
能够自动分析变量类型, 我们就什么也不需要做了- 如果
TS
无法分析变量类型的话, 我们就需要使用类型注解先来看一个不用写类型注解的例子:
const one = 1;
const two = 2;
const three = one + two;
再来看一个用写类型注解的例子:
function getTotal(one, two) {
return one + two;
}
const total = getTotal(1, 2);
这种形式,就需要用到类型注释了,因为这里的
one
和two
会显示为any
类型。这时候如果你传字符串,你的业务逻辑就是错误的,所以你必须加一个类型注解
,把上面的代码写成下面的样子。
function getTotal(one: number, two: number) {
return one + two;
}
const total = getTotal(1, 2);
这里有的一个问题是,为什么
total
这个变量不需要加类型注解,因为当one
和two
两个变量加上注解后,TypeScript 就可以自动通过类型推断,分析出变量的类型。当然 TypeScript 也可以推断出对象中属性的类型,比如现在写一个小姐姐的对象,然后里边有两个属性。
const XiaoJieJie = {
name: "刘英",
age: 18,
};
写完后你把鼠标放在
XiaoJieJie
对象上面,就会提示出他里边的属性,这表明 TypeScript 也分析出了对象的属性的类型。在写 TypeScript 代码的一个重要宗旨就是每个变量,每个对象的属性类型都应该是固定的,如果你推断就让它推断,推断不出来的时候你要进行注释。