收藏本站
博为峰Android开发培训Banner
您所在的位置:博为峰教育首页 > 资料精选 > 学习资料 > 【学习资料】如何利用TypeScript提升JavaScript编程效果

【学习资料】如何利用TypeScript提升JavaScript编程效果

   发布时间:2015年09月25日 11:44分    来源:博为峰教育网采编    关键词:JavaScript编码      | 上一篇 | 下一篇 |


 

       TypeScript能够帮助大家编写出更出色的JavaScript代码、搞定规模可观的JavaScript项目并为ECMAScript 6的来临做好准备——更重要的是,上手TypeScript几乎没有任何难度可言。

 

 

       不过JavaScript本身还远远称不上完美,特别是在大家希望构建一款包含有大量客户端代码的大型Web应用程序时。在这种情况下,TypeScript现身救驾了。TypeScript属于JavaScript的一套超集,其中不仅加入了大量用于即将面世的ECMAScript 6的功能特性,同时也可以通过编译将开发成果转换为JavaScript代码以供现代浏览器接纳——当然也包括Node.js。

 

       TypeScript还将大量ECMAScript 6功能加入到了JavaScript当中,具体包括类与模块。此外,该团队还尝试将这两种本是同根生的语言加以进一步融合,从而满足ECMAScript 6的标准化方法要求。这绝对是个明智的决定。通过这种方式,大家可以利用TypeScript开发出能够为ECMAScript 6所接纳的代码,同时充分发挥TypeScript的静态类型优势以提升代码安全性水平。

 

       大家也可以利用TypeScript将类型应用至数组当中,或者利用enums为特定变量名称设置值。作为一款极具实用性的工具,enums具备双向属性,因此大家可以利用它通过数字来查找某条变量名称——这就使得大家可以在代码当中更轻松地建立键/值记录。如果大家不确定自己可能使用哪种类型,则可以将变量设定为any,在这种情况下TypeScript不会推断其具体类型、大家也不会因此遇到错误或者警告。TypeScript类型可以自行选择,因此我们用不着在编译或者运行之前、首先向现有代码添加各种类型,而这将有效简化现有代码的相关迁移工作。再有,我们可以从纯JavaScript代码入手,而后随着其它TypeScript功能的加入而同时添加相关类型。

 

       需要注意的是,大家的现有JavaScript代码将成为TypeScript应用程序的一部分加以运行。而如果将代码迁移到ECMAScript 6或者TypeScript语法形式下,大家即可享受到TypeScript的各种功能优势。而如果我们使用具备TypeScript识别能力的工具,则可以拥有面向Visual Studio IntelliSense的支持能力——其能够帮助我们对函数调用中的类型进行管理。除此之外,大家也能够利用TypeScript声明文件向各类常用库及服务中快速添加类型支持,例如人气极高的jQuery库。

 

       拥有这样一款类型化且近似于JavaScript的语言能够给类使用与模块构建带来显著简化(与AngularJS当中的处理方式非常相近)。类型的存在能够确保某个警告类中的所有实例都通过字符串进行调用,这将帮助我们轻松构建起更理想的构造函数。大家可以将这种类型化构造函数调用视为一种契约,负责定义两段代码之间的相互作用——并帮助我们更轻松地在不同应用程序之间重复使用同一函数。

 

       在函数调用当中定义类型正是创建接口结构的关键所在,能够使我们的代码更具面向对象特性。大家可以将函数元素明确定义为接口,并选择在函数当中使用更具描述性的名称,同时又不会影响到进行调用检查时向IntelliSense等函数所必需的工具发出通知。

 

       以这种方式定义类型与接口,能够让多位开发人员轻松对大型JavaScript项目加以管理。而在函数与类设计中秉持“接口至上”的契约化方法,则能够帮助大家在对应用程序中特定部分进行优化时不至于影响到其余部分,或者从其他开发者手中借用某种接口定义并直接运用到其它实现方案当中。这种方式允许我们以更为高效的方式使用诸如Git以及GitHub等工具,从而在一套持续开发模型当中轻松管理多个代码分支。

 

       如果大家使用的是Java或者C#语言,那么对TypeScript(以及ECMAScript 6)的类实现机制一定不会感到陌生。大家可以在构造函数之内创建类,从而对方法中所使用的类型进行定义,最终利用类似的来处理各种内部对象。大家也可以利用继承、添加功能与重写方法等方式对类进行扩展。而更值得注意的是,TypeScript还支持常见于函数与接口当中的泛型——其能够帮助大家交付可重复使用的函数。

 

       一旦掌握了TypeScript处理类与函数的方式,大家就可以着手将其组织在模块当中,在这里类与函数能够被拆分至多个文件当中。这显然是一种非常便捷的代码组织方案——举例来说,我们可以利用几个文件来处理购物车当中的不同函数。在此之后,大家可以对各个子模块进行分别更新,从而在特定函数中利用调整归零机制改善其性能水平,同时又不至于对其它函数造成影响。具备声明文件的JavaScript库也可以作为模块使用,因此大家能够在TypeScript应用程序当中充分发挥由此带来的诸多优势。