如何在1分钟内学会“TypeScript”

Posted 2021-04-25 卓网信息

微软在发布了TypeScript的首个公开版本后，不久便推出了正式版 TypeScript0.9，基于此现象，小编通过本期技术专题，为大家浅谈“优化后”的编程语言——TypeScript。TypeScript是一种由微软开发的自由和开源的编程语言，也是javascript 的一个超集，且在本质上为这个语言添加了可选的静态类型和基于类的面向对象编程。

TypeScript优势

01

一、解决痛点

TypeScript的设计解决了JavaScript的“痛点”：弱类型和没有命名空间；这导致程序很难模块化，不适合开发大型程序。

二、语法提示

编写程序时，编辑器将提供精准的语法提示，以帮助大家更方便地实践面向对象的编程。

三、容易上手

小编认为TypeScript的一个设计亮点，是它并没有抛弃JavaScript的语法另起炉灶，而是做成了JavaScript的超集，任何合法的JavaScript的语句在TypeScript下都是合法的，且沿用了JavaScript的使用习惯和惯例，可以说学习成本很低。

“痛点”的消除

02

一. 编译时的强类型

TypeScript设计了一套类型机制来保证编译时的强类型判断。

简单举例：当你申明变量的类型后，其他类型的赋值将会引起编译错误。

有意思的是，类似于C#的var变量声明，TypeScript会对赋值的变量进行类型推断。

例如： 

二. 模块化

利用TypeScript的关键词module，可以达到类似于命名空间的效果，而export可以控制是否被外部访问。

例如：

从以上例子，我们可以看出：

1. module可以嵌套，访问时用'.'作分隔符，也可以用'.'作为分隔符来简写module的嵌套；

2. 只有带关键词“export”的才可以被外部访问；

module可以合并，但是非export的对象在其他module下，即使是同一个名称，也不能被访问，如funcA()。

“TypeScripe”的基本语法

02

一、基本数据类型

TypeScript的数据类型分为Boolean、Number、String、Array、Enum、Any、Void这七种类型。

1、Boolean布尔型  

2、Number数字型

3、String字符串型

4、Array数组型

5、Enum枚举类

6、Any不确定类型

7、Void 空白型

二、类

1、基本语法

2、继承

3、修饰符

当我们把animalName 改为private

当把属性的修饰符改成私有时，子类继承以后便会报错。那么如何解决呢？看第四点。

4、get、set访问器

5、静态属性

三、接口

1、基本语法：

2、继承接口

四、模块

模块的作用：

（1）防止命名空间冲突；

（2）将一个功能模块很容易的划分到不同文件中，更容易维护；

1、基本语法：

2.别名

五、函数

1.基本语法

本期技术专题对“TypeScript”做了简明的分享,相信V粉们对其有了一定的了解，如果在学习过程中有所疑问，欢迎在文末留言，小编将逐一认真解答，希望能与大家共同进步。

 

点击阅读更多往期精彩

卓网信息