当前位置: 代码迷 >> 综合 >> 带你玩转 TypeScript 【TS】
  详细解决方案

带你玩转 TypeScript 【TS】

热度:103   发布时间:2023-11-26 16:39:47.0

Typescript是什么?

TypeScript是一种由微软开发的开源、跨平台的编程语言。

它是JavaScript的超集,最终会被编译为JavaScript代码。

TypeScript添加了可选的静态类型系统、很多尚未正式发布的ECMAScript新特性(如装饰器 )

ts与js最大的区别是什么呢? 

 

  1.  TypeScript 增加了静态类型,通过类型注解提供编译时的静态类型检查 

    在ts中允许我们显式声明变量的类型:

 let age:number = 25

     那么,的意义在哪里呢?这里我们可以看一个例子: 

// Js code:var name="Alan",age=20,// Ts code:letname:string="Alan",age:number=20,

      通过比较可以看出,其实两者之间并没有太大的差距,在ts中所做的是明确的告诉系统什么类型的每个变量是什么。而告诉系统更多更详细的关于程序的信息,这意味着系统可以捕捉到错误。

      在大型的项目当中,这会避免我们需要花大量时间去寻找错误所在并解决它们,而引入静态类型也能够更好地减少bug的产生。

      当然,无论想要获得什么优势都要付出相应的代价,而ts此举所带来的问题便是语法上的拖沓冗余。
 

2.  TypeScript中增加了类和接口,以及lambda表达式

    2.1: 接口(interface)

interfaceShap{name: string;width: number;color: string;()}functionarea(myshap:Shap){}

  2.2 类(class)

classShape {name: string;construcor(name:string){this.name = name;}print(){}}var newclass = newShape();

  3: Lambda表达式

也叫箭头函数,用来声明匿名函数

var add=()=>{};// 无参数且无返回值;

3. TypeScript中引入了模块的概念,可以把声明、数据、函数和类封装在模块中

     第2点和第3点则为面向对象程序的编写提供了便利。

总结

     总的来说,TypeScript 和 JavaScript各有千秋,一个较为稳健,一个更为灵活,当需要开发大型项目的时候,Ts可能更加合适,当需要开发小型程序时,则只需要Js的灵活性即可。

TypeScrip的优势是什么??

TypeScrip的第一大优势 支持ES6

         TypeScript 是一门支持 ES6 规范的语言,这套规范是在 2015 年发布的,它指出了在为来一段时间客户端脚本语言的发展方向,也就是 TypeScript 脚本语言的语法会成为未来一段时间客户端语言的主流语法。并且它是由微软和谷歌两大科技巨头一起维护的。

TypeScript的第二大优势 强大的IDE支持

强大的 IDE 支持体现在三个特性上

第一个特性叫做类型检测
       在 Typescript 里面是运行为变量指定类型的,比如当你为这个变量指定数字类型的值的时候,IDE 会做出类型检查,
然后告诉你这里可能会有错误,这个特性会减少你在开发阶段犯错误的几率。

第二个特性是语法提示

       在IDE 里面去编写 TypeScript 的代码时,IDE 会根据你当前的上下文,把你能用的类、变量、方法和关键字都给你提示出来,你只要直接去选就可以了,这个特性会大大提升你的开发效率

第三个特性是重构

       重构是说你可以很方便的去修改你的变量或者方法的名字或者是文件的名字,当你做出这些修改的时候,IDE会帮你自动引用这个变量或者调用这个方法地方的代码自动帮你修改掉,这个特性一个是会提高你的开发效率,另一个是可以很容易的提升你的代码质量

TypeScript的第三大优势Angular2框架的开发语言

       Angular2 是谷歌公司开发的一套前端框架,其本身就是使用 TypeScript 语言写的,所以学习Typescript语言帮你更好的帮你去学习Angular2的框架。
 

  相关解决方案