初识TypeScript

一.Ts简介

ts是js的超集；添加了类型系统的js；适合于任何规模

ts不能直接被浏览器识别 ---需要转化为js后才能被浏览器识别

ts完全支持es6语法

ts是微软 公司出了

二.概念

（1）编程语言（java、php、net、python、c、c++、c#、js、ts....） 静态类型的语言和动态类型  的语言是根据类型检查的时机，可以分为 静态类型和动态类型

js是解释型的语言，没有编择阶段；js属于动态类型的语言

ts是静态的

（2）强类型 和 弱类型的语言

  （是否允许隐式转换）；允许--弱类型  不允许 ---强类型

三.安装

安装命令：npm install typescript -g

验证是否安装成功：tsc -V  如果能输出版本号；证明安装成功

四.编择

 tsc 需要编择的ts文件 

比如说我们要编择 test.ts ---->tsc test.ts ----->test.js

五.vscode自动编择

1.命令行打开文件

2.命令行输入：tsc --init   //文件夹会出一个 tsconfig.json文件

3.开启自动编择：vscode编辑器 ---终端 ---运行任务 -- typescript --ts监视

六. 基础类型

1.布尔值

最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean（其它语言中也一样）

2.数字

和JavaScript一样，TypeScript里的所有数字都是浮点数。 这些浮点数的类型是 number。 除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。

3.字符串

JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。 像其它语言里一样，我们使用 string表示文本数据类型。 和JavaScript一样，可以使用双引号（ "）或单引号（'）表示字符串。

4.数组

TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 第一种，可以在元素类型后面接上 []，表示由此类型元素组成的一个数组。

5.元组 Tuple

元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。 比如，你可以定义一对值分别为 string和number类型的元组。

6.Any

有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容，比如来自用户输入或第三方代码库。 这种情况下，我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用 any类型来标记这些变量。

详细的请看ts官方文档