为什么我们要用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.在开发环境下捕获错我
-
智能提示和代码自动补全
-
提高了代码的可读性
-
使用Es2015+
-
可选的静态类型
6.强大的生态
-
增加职业机会
-
在React中使用ts无线再引入propsTypes
使用ts的缺点
编写代码需要更高的前期学习成本
又多了一个需要持续更近最新版本的库
js工程的学习曲线变陡
复杂的类型可能很难搞清楚
代码更啰嗦
依然需要使用打包工具
网友评论