TypeScript(上)

本文指导读者学习TypeScript,涵盖类型注解、基础类型、高级特性如类、类型兼容性和泛型,通过实例演示如何编译并运行TS代码,提升代码质量与可维护性。备战蓝桥杯的同时,理解TS在现代开发中的重要性。
摘要由CSDN通过智能技术生成

提示:学完node.js现在补上之前没学的typescript吧


前言

提示: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点就能干饭啦!!!

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值