typeScript第一天—静态类型和类型推断-爱代码爱编程
前提
- 安装 Node 的运行环境(https://node.js.org) 建议使用淘宝镜像
- 全局安装 typeScript
npm install typescript -g
如果不下插件,不能直接运行ts,最好是用ts-node插件npm install -g ts-node
静态类型
如何定义静态类型
Static Typing,定义,就不可以再改变了。有点像ES6里的const。
编译的时候或者源代码类型检查的时候。每一个有静态类型的储存(变量或者属性)地方都可以预知它的值。类型检查确保实现类型推断,不用运行代码就能进行静态类型检查。
最简单的定义一个数字类型的count的变量,这里的: number就是定义了一个静态类型。这样定义后count这个变量在程序中就永远都是数字类型了,不可以改变了。比如我们这时候给count复制一个字符串,它就报错了。
const count: number = 1;
count = "jm";
// 报错
再往深一层次理解,会发现这时候的count变量,可以使用number类型上所有的属性和方法。我们可以通过在count后边打上一个.看出这个特性
自定义静态类型
下面的代码会报错
interface XiaoJieJie {
uname: string;
age: number;
}
const xiaohong: XiaoJieJie = {
uname: "小红",
age: "小红",
};
xiaohong
变量也具有uname
和age
属性了。
如果使用了静态类型,不仅意味着变量的类型不可以改变,还意味着类型的属性和方法也跟着确定了。这个特点就大大提高了程序的健壮性,并且编辑器这时候也会给你很好的语法提示,加快了你的开发效率。
基础静态类型和对象静态类型
基础静态类型
声明变量的后边加一个:号,然后加上对应的类型
const count : number = 918;
const myName :string = 'jm'
常用的有:null,undefinde,symbol,boolean,void
对象静态类型
最简单的对象类型
const xiaoJieJie: {
name: string,
age: number,
} = {
name: "大脚",
age: 18,
};
console.log(xiaoJieJie.name);
对象类型也可以是数组,变量xiaoJieJies必须是一个数组,数组里的内容必须是字符串。可以试着把字符串改为数字,VSCode会直接给我们报错。
const xiaoJieJies: String[] = ["谢大脚", "刘英", 123];
用类的形式,来定义变量。
class Person {}
const dajiao: Person = new Person();
函数类型
const jianXiaoJieJie: () => string = () => {
return "大脚";
};
类型注释和类型推断
类型注释
类型推断
为什么total
这个变量不需要加类型注解,因为当one
和two
两个变量加上注解后,TypeScript 就可以自动通过类型推断,分析出变量的类型。
工作使用问题(潜规则)
如果 TS 能够自动分析变量类型, 我们就什么也不需要做了
如果 TS 无法分析变量类型的话, 我们就需要使用类型注解
在写 TypeScript 代码的一个重要宗旨就是每个变量,每个对象的属性类型都应该是固定的,如果你推断就让它推断,推断不出来的时候你要进行注释。
学习资料
视频:https://www.bilibili.com/video/BV1qV41167VD?p=1
文字版:https://jspang.com/detailed?id=63#toc28
参考文章:
https://blog.csdn.net/weixin_34111819/article/details/91370780?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.not_use_machine_learn_pai&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1.not_use_machine_learn_pai
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/a_bald_girl/article/details/111060391