ts学习（前言篇）

为什么我们要用typescript？
javascript是一门弱类型语言，变量的数据类型具有动态性，只有执行时才能确定变量的类型，这种后知后觉的认错方法会让开发者成为调试大师，但是可能对编程能力方面不具有提升，但是对找错误的方法能力却能得到加强。typescript的类型机制可以有效杜绝由变量类型引起的误用问题，而且开发者可以控制对类型的监控程度，是严格限制变量类型还是宽松限制变量类型，都取决于开发者的需求，添加类型机制之后，副作用主要有2个：增大了开发人员的学习曲线，增加了设定类型的开发时间。总体而言，这些付出相对于代码的健壮性和可维护性，都是值得的。

此外，类型注释是Typescript的内置功能之一，允许文本编辑器和IDE可以对我们的代码执行更好的静态分析。这意味着我们可以通过自动编译工具的帮助，在编写代码时减少错误，从而提高我们的生产力

typescript学习由浅入深
建议node版本在8.0及其以上

安装typescript
npm install -g typescript 或者yarn global add typescript 

demo

mkdir ts-example
cd ts-example
vim index.ts

TS的文件编写

const sayHello = (name: string) => {
return `Hello ${name}`
}
let user = 'gitconnected'
console.info(sayHello(user));

利用tsc index.ts进行编译

可以 看见当前目录下面出现index.js文件

编译过后的js文件

var sayHello = function (name) {
    return "Hello " + name;
};
var user = 'gitconnected';
console.info(sayHello(user));

由此我们可以看出：

tsc index.ts这个操作会移除函数sayHello中参数的类型约束，创建一个index.js文件，同时转换为 ES5 代码。最终的 js 文件可以安全的运行在浏览器或者 Node 环境

(node是不能直接运行ts文件的)

typescript的错误处理
使用ts的一个好处就是如果你代码中变量类型不符，它会自动捕获到这类错误。这样就可以让我们的代码在生产环境前捕获他，并不需要在出错前捕获他了。

额外的ts文件扩展
除了.ts文件之外，你还可以使用.d.ts文件来标记某个早期的js库中对象的类型，或者使用.tsx文件用来在用来在React项目中运用ts的语法。

总结
使用ts的好处
1.在开发环境下捕获错我

2. 智能提示和代码自动补全

3. 提高了代码的可读性

4. 使用Es2015+

5. 可选的静态类型

6.强大的生态

7. 增加职业机会

8. 在React中使用ts无线再引入propsTypes

使用ts的缺点
编写代码需要更高的前期学习成本

又多了一个需要持续更近最新版本的库

js工程的学习曲线变陡

复杂的类型可能很难搞清楚

代码更啰嗦

依然需要使用打包工具