自学 TypeScript 第一天环境开发配置及 TS 基本类型声明

前言：

自学第一天，什么是TS ，为什么要用 TS

TS 全程Typed JavaScript at Any Scale解释起来就是添加了类型系统的 JavaScript，是 JavaScript 的一个超集

让 JS 从动态类型的语言，变成了一个静态类型的语言，给变量赋予了类型

好，到这里有同学就会问了，什么是动态类型，什么是静态类型，啥是给变量赋予类型？让我们来看下边这一个栗子：

let a ;a = "a";a = 10;

我们先来看第三步，10 是有类型的吧，类型是number，第二步也同理，此时回过头来，我们再看第一步，a 是什么类型？

a 在第一步的时候，没有类型，就是一个变量

这就是 JS 中的动态类型，a 什么都可以存放，TS 就不同你 let 了一个 String 类型的 a ，你就只能存放String类型

PS：扩展

有的同学就会说了，这样动态类型怎么了，很方便啊，啥都能放不好吗？

对，是很方便，灵活，但却是一把双刃剑，我们举个栗子：

funtion fun(a,b){.....}

我们给 fun 传了俩参数一个 a，一个 b 这时候 a 和 b 有类型吗，也没有类型

问题这就来了

假如这时候我要算一个加法，就是想要 a 和 b 加一块的数值，按理来说我们做加法，传的时候就该传数字了，但 JS 这一块你爱传传啥，我不管，随便你传

如果这时 a 和 b 这俩值又在别处经历了其他运算，这时候 JS 会把这个错误埋起来，我不立刻报错

假如我们的这个运算是在第三行写的，他不立刻报错可能在三千行，三万行在报错，那维护成本，谁找错谁知道…

最后上图：

总结一下上图的内容，TS 是以 JS 为基础搭建的语言，是一个 JS 的超集。

可以在任何支持 JS 的平台中执行，也就是说 TS 完全兼容 JS

不能被 JS 解析器直接执行，TS 不能直接被浏览器识别需要编译成 JS

TS 扩展了 JS ，但不能取代 JS

开发环境：

好了介绍了这么多，大家都对 TS 有了一个基本的概念了吧，现在我们第一天的正式学习

首先要想写 TS 我们第一件事就是要搭建一个 TS 的开发环境，用 Node.js 来解析 TS

1. 下载 Node.js

地址：http://nodejs.cn/download/

2. 安装 Node.js

3. 使用 npm 全局安装 TypeScript ：

npm install -g typescript

安装完之后输入 tsc 出一堆不报错就代表安装完成了接下来让我们开始写吧

首先我们在创建一个后缀名为 ts 的文件，然后随便用什么东西打开写一段 js 代码因为 ts 是完全兼容 js 的

所以我们这里就写一个简单的 console

ts 文件是不能被网页识别的这时候就要进行编译了

基本类型声明：

我们都知道 JavaScript 的类型分为两种：一种是原始数据类型（Primitive data types）另一种是对象类型（Object types）

现在我们来看原始数据类型，也就是布尔值，数值，字符串，null，nudefined 在 TS 中如何声明

如图，let a ：number 之后，在以后的使用过程中 a的值只能是数字，如果赋值字符串的话，会明确的告诉你错误信息

当然，我们也可以直接这样声明并赋值：

let a ： number = 10 ;

但这种语法在实际我们写 TS 过程中是不常用的，TS的变量声明和赋值是同时进行的，TS可以自动对变量进行类型检测

类型声明也可以用于函数上边

JS 中的函数是不考虑参数的类型和个数的

TS 中

当然 TS 相对严格你传多传少也是会报错的

你也可以给函数的返回值添加类型，比如

其他基本类型：