TypeScript-------------介绍

Ts官方文档

Ts中文文档

---

1.TypeScript 是什么？

    *TypeScript 简称：Ts,是javascript 的类型超集，简单来说：js 有的TS都有

    *TypeScript=Type + JavaScript (在 JS 基础之上，为 js 添加类型支持)

    *TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行

---

2. 为什么要有 TypeScript

   *  背景：JS 的类型系统存在“先天缺陷”，JS 代码中绝大部分错误都是类型错误（Uncaught               TypeError...），这些经常出现的错误，导致了在使用 JS 进行项目开发时，增加了找 Bug、改       Bug 的时间，严重影响开发效率

   * 从编程语言的动静来区分：1.TypeScript 属于静态类型（编译期间做类型检查）的编程语言，                                                   2.JavaScript 属于动态类型（执行期间做类型检查）的编程语言

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

        1. 在 VSCode 里面写代码
        2. 在浏览器中运行代码 --> 运行时，才会发现错误【晚】

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

       1. 在 VSCode 里面写代码 --> 写代码的同时，就会发现错误【早】
       2. 在浏览器中运行代码

---

3.TypeScript 相比 js 的优势

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

   2.程序中任何位置的代码都有代码提示，随时随地的安全感，增强开发体验

   3.强大的类型系统提升了代码的可维护性，使得重构代码更加容易

   4.支持最新的ECMAScript 语法，

---

4.安装编译 TS 的工具包

    问题：为什么安装编译 TS 代码

    回答：node.js / 浏览器，只认识 js 代码，不认识 TS 代码，需要先将 TS 代码转化为 JS 代码        才能运行

    安装：npm i -g typescript

    检验是否安装成功： tsc -v （查看 typescript 版本）

---

5.编译并运行 TS 代码

  编译运行：

  1、创建 demo.ts 文件

  2、tsc demo.ts(将 ts文件转换成 js文件，文件出现ts文件和js文件)

  3、node demo.ts(运行js文件)

   简化编译运行：

  1 、安装 ts-node 包（npm i -g ts-node）

  2、 使用方式：ts-node demo.ts

   简化编译运行出现错误1：

 解决：tsc -init   (文件夹中自动生成  tsconfig.json 文件)

  简化编译运行出现错误2：（ 解决两个ts文件之变量名冲突）

 问题：在非模块化环境下，TS 会把 .ts 文件中声明的变量当做全局变量，所以，当两个 .ts 文件中声明的变量名称相同，并且在 VSCode 中同时打开这两个文件时，VSCode 会提示报错

 解决：在 .ts 文件中添加 export {}