TS介绍

JS缺点：

1.旧JS 是弱类型语言，一个变量先后可以保存不同类型的数据（不可靠）

2.旧JS 是解释执行语言，一边解释，一边执行。一些低级错误无法提前检查和预警

3.旧JS 对对象要求不严格，开发人员想怎么写就怎么写，不便于大项目协作

TypeScript介绍：

是JavaScript 的一个超集（在原有的JS 语言基础上封装了一层更严格的规范）

支持ECMAScript 6 标准

TypeScript 由微软开发

设计目的是开发大型应用

注意： TS 不能被浏览器直接执行，但是TS 可以变异成纯 JS ，编译出来的JS 可以运行在任何浏览器或 nodejs 上。

TS 的新特性：类型检查、编译时错误检查、接口、访问修饰符、模块

TS的安装使用：

1. 全局安装TS 语言的编译器：npm i -g typescript

2. 用 vscode （vscode需要高版本）打开项目文件夹，右键选择在终端中打开，在终端中输入：tsc -init   （说明tsc 是ts 语言的编译器，c 是compile 的意思，编译）

最后就是在当前项目文件夹中生成了tsconfig.json 文件，其中保存的是将ts 编译为js 时所需的配置，比如：

-- target：“ES5” 在将ts 文件编译为js 文件时，编译为ES5 的版本，兼容更多浏览器

-- module：“commenJS” 将来ts 文件中模块化开发所采用的标准

-- strict：true 将ts 文件编译js 文件时，自动启用严格模式

接下来就可以新建自己的ts 文件（first.ts）：

//规定:a 变量将来只能保存数字类型的值

let a:number = 10
console.log(a)    

再编译ts 文件为js 文件：打开命令行窗口，输入tsc first.ts

结果，tsc 编译器将.ts 文件的内容翻译为等效的js 文件，保存在ts 文件旁边的同名first.js文件中：

// first.js

"use strict";
var a = 10;
console.log(a);  // 10

以上操作在实际项目中不可能每操作一步就去编译一次，所以，要配置自动编译：

在 vscode 中选择“终端”--“运行生成任务”--“tsc：监视”

配置后只要一自改ts文件，一旦保存就会自动编译，自动创建js 文件

不输入命令，运行js 文件：

1.先打开要运行的js 文件

2.点左边小虫 + 三角图标

3.点运行和调试

4.选择node.js

5.查看执行结果

ts中的变量和声明：

变量 ==》

1.旧的js 是弱类型语言，一个变量先后可以保存不同类型的数据（不可靠）

   今后，只要在ts 中声明变量，都必须用“:数据类型”来规定

2.标准语法：var 或 const 或 let 变量名:数据类型 = 初始值

   结果：将来这个变量只能保存规定的数据类型

   比如  var a = 10 要换成 let a:number = 10; // 正确

             a = “hello” 报错：不能将类型“string”分配给类型“number”

ts 能够写在冒号后的数据类型有哪些呢？

1.基本类型：boolean、number、string 

2.数组：两种写法，结果一样

   2-1.let 数组名：数据类型 [] = [值1,值2,...]   例如 let arr:string[] = ['a','b','c']

   2-2.let 数组名：Array <数据类型> = [值1,值2,...]  

3.any：可以匹配任何数据类型（对于不能确定的数组类型可以使用any定义）例如 var arr2 = ['a',1,true]