<>为什么TypeScript会成为趋势?

<>一、什么是TypeScript?

* TypeScript 是 JavaScript 的类型的超集,它可以编译成纯 JavaScript。
* 编译出来的 JavaScript 可以运行在任何浏览器上。
* TypeScript 编译工具可以运行在任何服务器和任何系统上。
* TypeScript 是开源的。
<>二、为什么要用到TypeScript?

* TypeScript 增加了代码的可读性和可维护性
* 类型系统实际上是最好的文档,大部分的函数看看类型的定义就可以知道如何使用了
* 可以在编译阶段就发现大部分错误,这总比在运行时候出错好
* TypeScript 非常包容
* TypeScript 是 JavaScript 的超集,.js 文件可以直接重命名为 .ts 即可
* 可以定义从简单到复杂的几乎一切类型
* 兼容第三方库,即使第三方库不是用 TypeScript 写的,也可以编写单独的类型文件供 TypeScript 读取
* TypeScript 拥有活跃的社区
* 大部分第三方库都有提供给 TypeScript 的类型定义文件
* Angular 和 VSC 都是使用 TypeScript 编写的
对比JS与TS的区别,来了解TS的妙处。
/* 阅读下面这个JS方法,我们知道它获得一个参数a。 那么关于这个参数a的任何信息,我们都不清楚。
我们只能通过去阅读这个方法,来推测这个参数a的类型格式。 */ function sortName(a) { var result = a.slice(0);
result.sort(function (x, y) { return x.name.localeCompare(y.name); }); return
result; } /* 阅读下面ts代码,我们看到我们为参数a明确了类型。 参数a类型映射为一个Person的接口,其中必须有name和age参数。
且name参数类型为string,age参数类型为number。 通过这样明确的类型定义,我们不去看方法体,就能了解方法的作用已经传参方式。
这样可以在编译前,更轻松的找到我们代码种错误所在。 */ interface Person { name: string; age: number; }
function sortName(a: Person[]) { var result = a.slice(0); result.sort(function (
x, y) { return x.name.localeCompare(y.name); }); return result; }
<>三、安装和编译方式

​ 安装
npm install -g typescript
手动编译ts文件
tsc helloworld.ts
自动编译ts文件

生成tsconfig文件:
tsc -init
点击终端 => 运行任务 => tsc: 监视 - tsconfig.json

技术
©2019-2020 Toolsou All rights reserved,
JVM内存模型(面试自用)2021年2月中国编程语言排行榜【操作系统----Linux】常用杀毒软件详解ubuntu14.04如何设置静态IP排序(一)冒泡排序法JS 的骚操作漫画 | CPU战争40年,真正的王者终于现身!python中解决字典写入列表的问题C语言控制台小游戏,打砖块SpringBoot实践(五):mybatis-plus中的BaseMapper,Iservice和ServiceImpl