欢迎来到我专题文章【typescript】，更多干货内容持续分享中，
本章目标
- typescript简介
- typescript类型
typescript简介
typescript是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持,它是由微软开发，并且在 github上开源。
没错，它是由微软出的，小编大学毕业就是从事.net开发，所以在typescript中能找到很多.net的影子。比如接口，泛型，面向对象等。像当前比较流行的angular，Vue都是基于typescript开发的。所以学习typescript已是迫在眉睫了。
众所周知，前端的核心技术javascript是一个弱类型的解释型的语言,那么既然前端有了js，为何又出现了typescript呢？
由于javascript是弱类型的语言，我们通过var定义的变量可以去赋值成任意类型的值。这就难免会出现以下这种情况。
这里我通过原生的js实现了一个简单的加法计算，从效果图上可以看出来，它计算的结果好像有些问题， 1+1=11？
这个问题其实也很好理解，稍等有点基础的童鞋就应该能看出来，这是因为在input中的value值是一个字符串类型的，两个字符串相加，结果显而易见肯定是 1+1=11了。
其实我们的需求很明确，需要做两个数的相加。返回它们的类型为一个浮点型。那么这时候就已经带了我们接下来的一个知识点。
typescript中的类型
要使用typescript，我们需要在nodejs环境下全局安装typescript
安装完成后，我们可能使用tsc（typescript compile）命令来编译typescript，我们可以使用tsc -v来查看typescript的版本
typescript的后缀名为.ts，我们先来写一个typescript文件先看看它的类型
我分别定义了字符串类型的number类型的两个变量，在变量的后面 :type 我们可以给一个变量去规定它的类型。
再来看一个错误的写法
我定义的变量是number类型，然后却像Js中给了任意类型的，结果，可以看到，typescript在还未编译的时候就开始抛出异常了。提示我们要给num值为number类型的值。
其实这些在一些强类型的语言(java,C#,C++等)中都有这种语法提示。
我们再来编译一下这个ts文件，看看编译后的文件长什么样
生成了demo1.js，看到demo1.js就是我们熟知的Js了。
在typescript中，如果一个变量可以是多个类型，比如这样
我们可以通过 | 来设置多个类型。
当然如果我们不知道具体的类型是什么，我们还可以使用any
类型推断
我定义了一个变量 s 没有指定类型，但是赋值了一个 字符串，然后，继续将这个s赋值为一个数字的时候，会发现有语法错误。
在typescript中，如果没有指定变量类型，第一次给变量赋值的类型默认就是这个变量的类型，后面如果改这个个类型，就是抛出语法错误，编译也不会通过。
void
值得注意的是在JavaScript 没有空值（Void）的概念，在 TypeScript 中，可以用 void 表示没有任何返回值的函数：比如这样
void同样可以申明在变量中，但是只能赋值null或者undefined，好像没什么用~~
在我的印象中,JS中也用到了void这个关键字，一般用在两个地方1、<a href='javascript:void(0)'></a>2、if(a === void 0 ) {} 这个是用来判断a 是否是undefined
值得注意的是：通过null和underfined定义的变量，可以直接赋值给number，string这些类型。但是void却不行，举个例子
总结：
- typescript是js的一个超级，它是一种类似java、C# 强类型的语言，typescript本身不能在浏览器中运行，所以它需要经过编译成js后才可以。
- typescript可以为变量指定一个或多个类型。
- void关键字在typescript中的使用和注意事项。
这里是畅哥聊技术 《typescript专题》系列文章，更多精彩内容持续更新中，敬请期待。
未完待续。。。
