TS博客老师：小满老师 -- 哔哩哔哩有视频，个人感觉很棒

blog.csdn.net/qq119556631…

TypeScript是什么？

• TypeScript是JavaScript的超集
• TypeScript = Type + JavaScript（在JS基础之上，为JS添加了类型支持）
• TypeScript是微软开发的开源编程语言，可以在任何运行JavaScript的地方运行

TS 和 JS 相比的优势

• 更早（写代码的同时）发现错误，减少找Bug，改Bug时间，提升开发效率

从编程语言的动静来区分，TS属于静态类型的编程语言，JS属于动态类型的编程语言

• 静态类型：编译期做类型检查；
• 动态类型：执行期做类型监查；

代码编译和代码执行的顺序：1 编译、2 执行

对JS来说：需要等到代码真正去执行的时候才能发现错误（晚）

对TS来说：在代码编译的时候（代码执行前）就可以发现错误（早）

并且，配合VSCode等开发工具，TS可以提前到在编写代码的同时就发现代码中的错误，减少找Bug，改Bug时间。

• 程序中任何位置的代码都有代码提示，随时随地的安全感，增强了开发体验。
• 强大的类型系统提升了代码的可维护性，使得重构代码更加容易
• 支持最新的ECMAScript语法，优先体验最新的语法，让你走在前端技术的最前沿
• TS类型推断机制，不需要在代码中的每个地方都显示标注类型，让你在享受优势的同时，尽量降低了成本
• Vue3，Angular,React都支持TS

安装编译TS的工具包

原因：Node.js/浏览器，只认识JS代码，不认识TS代码。需要先将TS代码转化为JS代码，然后才能运行。

安装命令：npm i typescript

typescript包的作用：用来编译TS代码的包，提供了TSC命令，实现了TS->JS的转化

编译并运行S代码

第一步: 创建hello.ts文件 第二步：编译TS文件，tsc hello.ts -- 结果：会出现hello.js文件 第三步：执行JS：node hello.js

注意：由TS编译生成的JS文件，代码中就没有类型信息了

// ts文件
console.log("hello ts");
let age:number = 18;
console.log(age);

// 编译后的js文件
console.log("hello ts");
var age = 18;
console.log(age);

简化运行TS的步骤

vscode里ts带有严格模式，如果想取消严格模式

第一步：执行tsc --init

第二步：在tsconfig.json文件中将"strict": true改成"strict": false即可

但不建议这么做