4 angular 重构 项目_真的，你跟大型项目轻松维护中间只差一个TS

作为一名程序员， 你自然希望代码上线后能安安稳稳跑着，而不是突然崩溃。所以，具有静态类型检查功能的TypeScript就该在此时出场了。要是论TypeScript的作用？大概是一个“懒”程序员的自我救赎吧。毕竟专注于核心业务开发，比顾及琐碎细节重要得多。

TypeScript 是 JavaScript 的超集

TypeScript对于大部分前端开发者已经不陌生了，因为近几年实在太火爆，而且经过了越来越多大小企业开发团队地深入使用，TypeScript也被越来越多的开发者所接受。

TypeScript并不是一门新的语言，而是JavaScript的超集，是ECMAScript的拓展。它最大的亮点，就是其无可替代的强类型系统，这也是它为什么叫TypeScript的原因。之所以说它的类型系统无可替代，是因为JavaScript作为一门动态弱类型脚本语言，它可能并不会支持强类型这一特点。所以前端技术圈开始普遍接受TypeScript。现在大多数库和框架，都包含了类型声明的声明文件，很多框架和库开始用TypeScript重写。

拥有众多优秀的工具

TypeScript最大的卖点就是它的工具。它提供先进的自动完成、导航和重构工具，而以上工具，几乎完全满足了大型项目的需求。没有它们的话，对于修改代码的恐惧会将代码置于半只读的状态，并且使大规模的重构非常危险和昂贵。

TypeScript不是唯一可以编译为JavaScript的类型语言，也有其它更强类型系统的语言，并且在理论上也可以提供绝对优秀的工具。但实际上，它们中的大多数除了编译器之外没有其它任何东西。

想要构建出丰富的开发工具，必须从开发的第一天起就明确这个目标。这一点，TypeScript团队早已准备好了。

这就是为什么他们构建的语言服务可以被编辑用来提供类型检查和自动完成。如果你想知道为什么有那么多出色的编辑器具有TypeScript的支持，那么答案就是语言服务。

可靠的智能感知和基本重构，对编写，尤其是重构代码的过程产生了巨大的影响。尽管这很难衡量，但以前可能需要几天的重构， 现在也许可以在一天之内完成。

让抽象清晰可见

一个好的设计就是定义良好的接口。而且， 用支持它们的语言来表达接口的想法要容易得多。

在静态类型语言中，子系统之间的边界是使用接口定义的。由于JavaScript缺乏接口，所以在普通的JavaScript中边界不能很好表达。由于不能清楚地看到边界，开发人员开始依赖于具体类型而不是抽象接口，从而导致紧密耦合。

让代码简单易读且不限制表达

与编译到JavaScript的许多其他语言相比，TypeScript的不同之处在于它的类型注释是可选的，而 jQuery.ajax(url, settings)仍然是有效的TypeScript。因此，TypeScript的类型不是一个开关，而是一个表盘。

查看开源代码时，如果注释不是很完善，往往会看得云里雾里，而 TypeScript 在同等条件下，至少有个类型，能让自己更容易明白代码的参数、返回值和意图。

为什么选择TypeScript？

现在最流行的三大主流前端框架，React和Angular使用TypeScript编写，而Vue3.0则会使用TypeScript重写；而NodeJS的模块很多都添加了类型声明，所以使用TypeScript可以很好地开发前后端和其它场景的项目。

TypeScript占了良好静态语言95%的有用性，并将其引入到JavaScript生态系统中。你仍然觉得自己编ES6: 你一直使用相同的标准库、相同的第三方库、相同的习语和许多相同的工具(例如:Chrome开发工具)。它会给你很多东西，但不会强迫你离开JavaScript生态系统。

你会发现，使用语言是愉快的。

随着工程项目越来越大，静态数据类型越来越重要。虽然灵活、动态依然让JS活跃在编程语言界一线，而这些优点却让其又十分神秘，只有运行才能得到答案，对于代码中的错误无法及时反馈。而TypeScript填充了 JavaScript 的缺点，多了静态类型检查，而又保留了 JavaScript 的灵活。

它是如此纯净、优雅、简洁，是前端圈维护大型项目不可避免的趋势。

随着更多的公司开始使用TypeScript，作为一名求职者，对TypeScript掌握的熟练程度相信会为你的简历有相应的加分，相信以后TypeScript在面试中出现的频率和覆盖率，会和JavaScript一样频繁和广泛。

讲师是谁？

Lison16老师，代码控，iView-admin作者，UI组件库iView核心开发者 。开源社区活跃开发者，Github昵称Lison16。擅长Vue技术栈开发和性能优化，对组件开发有深入见解和心得，现就职于国内知名互联网公司前端研发团队，重点提高组件化水平和开发效率提升。掌握全新的TS发展与历史资料，是少有的对TS官方文档进行前沿解读的前端大拿。

他个人的开发经历让他深刻感受到，目前市面上对于TS的讲解，是不够深入，甚至可以说是浅显，对于前端开发者的学习意义并不大；而各种资料水平参差不齐，英文文档对于英语水平一般的开发者并不友好，而翻译过来的中文文档又明显信息滞后。关于TS，大家似乎只是习惯性停留在常用知识点的解读，这样只会让人似懂非懂，更别提进入实践。在TS的学习上，大家走了太多弯路。Lison16老师愿成为你身边随时解答问题的大牛，带你告别零散与盲目的自学，一起精进关于TS的知识。

这门专栏你将获得什么？

本专栏共七个模块，40小节。分三个阶段对TypeScript从零基础到实践。

第一阶段：全面详尽的优质资料，零基础上手TypeScript

虽然TypeScript已经被广泛使用，但是关于它的优质资料还是较少。即便是TypeScript的英文官方文档，也存在更新内容没有同步到以往知识文档，或者知识说了概念，没有例子帮助理解等问题。中文版文档则落后了几个版本，而且也只是对英文文档的翻译，没有补充示例，这对于英语一般的程序员非常不友好，文档的不足还会影响学习。

本专栏立足基础，对TypeScript截止到3.3版本的语法知识进行系统全面讲解。你只需有基本的JavaScript语法基础，即可轻松上手TypeScript。基本上TypeScript的知识点你都可以在本专栏找到，知识点全面细致，是学习TS的优质资料。

第二阶段：知识点提炼+示例讲解，轻松掌握TS实践

网上大部分的TypeScript教程，都只是对几个常用知识进行讲解，并没有深入到每一个知识点。对大部分人来说，可能学习完之后只能说是有了大概认知，并不能真正实践。

Lison老师将每个知识点都配合代码示例讲解，一步一步带领操作，并且很多例子结合实际开发经验，不空谈知识，让整个专栏学习起来十分生动，绝不枯燥。

第三阶段：Vue+TS，两大热门前端工具结合实战

除了对基础知识的扎实学习，本专栏还包含实战学习。Liso老师将手把手带你开发一个基于Vue+TypeScript的小项目，掌握这两大前端热门工具的结合，必然能够帮你在工作上提升一个阶段。

学习收获：

不同于官方文档的粗糙，讲解深入细致

立足TypeScript基础，语法知识全面

知识点配合代码示例，讲解不枯燥

Vue+TypeScript实战项目，学以致用

限时优惠信息

限时优惠：￥49.9（原价￥68）

优惠时间：2019年6月4日——7月4日