0
点赞
收藏
分享

微信扫一扫

TypeScript(上)

眼君 2022-04-13 阅读 78

文章目录


前言

提示:TypeScript相比JS的优势:

写代码的时候就会发现错误,代码会有提示,类型系统提高了代码的可维护性,支持最新的ES语法,TS类型推断机制,不需要在代码每个地方都显示标注类型。


提示:以下是本篇文章正文内容,下面案例可供参考

一、编译并运行TS代码

1.创建ts文件
创建后缀名为.ts的文件
2.编译TS
将TS编译为JS:在终端中输入命令,tsc hello.ts,此时会出现一个同名的js文件
3.执行JS
使用 ts-node包,安装命令npm i -g ts-node,使用方式ts-node xxx.ts

二、TypeScript常用类型

1.类型注解

代码如下(示例):

let age:number = 18

在这里插入图片描述

2.常用基础类型概述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.TypeScript高级类型

1)class类

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2)类型兼容性

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3)交叉类型

在这里插入图片描述

4)泛型

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

总结

提示:未完待续
由于时间比较匆忙(明天就要蓝桥杯考试啦),本来打算自己整理一遍笔记和思路再发表的,现在只好匆匆把图贴上,你们慢慢看吧,有很多不足之处,还有一部分没有整理完,下次补上。明天要考蓝桥杯的小伙伴们加油吧,争取一个小时交卷,10点就能干饭啦!!!

举报

相关推荐

0 条评论