Ts的学习笔记

TypeScript第一天初体验（数据类型）

前言

我是在b站看up主筱筱知晓视频学习，视频地址：ts学习视频筱筱知晓
此笔记只是我看视频随手记得 方便我以后翻阅 不能提供参考，若有问题 欢迎指正

TS的介绍

1. ts是微软的开发的javascript的超集，可以编译成纯javascript，遵循es5，es6规范，并且拓展了一些语法。
2. ts可以在任何浏览器 操作系统运行 谷歌 脸书都在推荐使用 所以我们常用的主流前段框架（vue react）都可以使用
3. 语法比较像java c#面向对象语言，让js可以胜任企业的大型项目

ts的安装

基于node 环境下安装
npm i -g typescript
文件名 是已ts 为后缀名
注： 因为ts 不会被浏览器解析 需 cmd命令窗口下 tsc 文件名.ts

VScode 自动编译编译ts文件

1. 在目录下创建tsconfig.json文件 （在当前文件目录cmd 窗口输入tsc --init 生成配置文件 其中 outDir 是输出js文件路径）
2. 点击VScode 菜单终端下的运行任务（我的vscode是这样） 选择监视tsconfig.json 文件

ts的数据类型

ts为了是代码更为规范，有利于维护，增加了类型校验 在ts中有以下数据类型

布尔类型（boolean）
数字类型（number）
字符串类型（string）
数字类型（array）
元祖类型（tuple）
枚举类型（enum）
任意类型（any）
void类型
null和underfined 等never类型

// 布尔类型
var bl:boolean=true;
// bl=123;  ts中不能转换数字类型
bl=false;
// 数字和字符串类型
var num:number=123456;
var str:string="qqq";

// 数组 定义数组两种方式
var arr1:number[]=[1,2,1,2];  // 所有的数据 都是数字类型（注意所有）
var arr2:Array<number>=[1,2,1]; // 注意Array A要大写
var arr3:Array<string>=["1"];
//元组类型（tuple） 属于数组的类型
var arr4:[number,string