TypeScript学习笔记

学习ts之前，我们要明确，为什么要学习ts是什么？为什么要学习ts？如何正确的使用ts？
首先，ts它本身是js的超级，他在js的基础上为js提供了更多的功能与特性。ts具有静态类型检查能力，可以在编译阶段捕获许多常见的错误。这样可以提高代码的可靠性、减少潜在的 bug，并且使代码更易于维护和重构。其次，ts引入了许多新的特性和概念，如类、接口、模块、枚举等，这些可以帮助开发人员提高开发效率，提高代码质量。本篇是根据哔站千锋陆神ts教学视频完成的学习笔记，方便查阅。

一、Typescript 入门

01 TypeScript 的作用

1. 静态类型检查，静态类型检查，提高代码质量。
2. ts提供了丰富的开发工具支持，包括类型检查、自动补全、重构等。这些工具可以大大提高开发效率和代码质量。

02 Typescript 使用工具

学习ts前的准备工作

IDE:VsCode
安装：node.js
全局安装TypeScript：npm install -g typescript

使用tsc运行ts代码
tsc ts文件名 =>编译生成一个js文件；
node 文件名.js =>编译js

03 编译优化

问题一：解决TS与JS的冲突问题 即ts编译结束后将生成的js代码中的方法名或者函数名与ts重复，使得代码报错

解决方法：打开终端，执行 tsc --init 生成一个配置文件（tsconfig.json）

问题二:当修改完ts部分代码，js代码不能自动编译，需要再次编译ts代码

解决方法:自动编译ts tsc --watch
当检查到ts报错时不进行自动编译 tsc --noEmitOnError --watch
tsconfig.js文件的参数的作用及意义
“rootDir”: “./src”, ts文件放置文件夹
“outDir”: “./dist”, 编译后的js文件放置位置
“strict”: true, 严格模式，开
target，可选择es6/5/4/3

04 显式类型

function greet (person:string,date:Date){
	console.log(Hello${person},today is @{date})
}

05 降级编译

我们把从更新或者更高版本的ECMAScript向下移动到旧版本或者更低的版本，称为降级版本；通常为es2016，也就是es7

06 严格模式

不同的用户选择ts检查的严格程度是不同的，有些情况下需要更宽松的验证，这是咋需要选择打开或关闭几个严格检查的标志

"strict": true // 严格模式
"noImplicitAny": true,   // any检验
"strictNullChecks": true, // unll与undefined检验

开启strict与开启（noImplicitAny，strictNullChecks）两者没有区别，二选其一即可。

/**
未完待续。。。
*/