TypeScript的简介

资料参考:https://www.tslang.cn/docs/handbook/interfaces.html
参考资料:https://www.runoob.com/w3cnote/getting-started-with-typescript.html
参考资料:https://www.html.cn/doc/typescript/doc/handbook/tutorials/Migrating-from-JavaScript.html#a4

TypeScript系列

简介:
TypeScript是微软2012年推出的一种编程语言,属于 JavaScript 的超集,可以编译为 JavaScript 执行。它最大特点是强大的类型系统和对ES6的支持,TypeScript托管于GitHub上面。

TypeScript代码,通过编译可以转换为纯正的 JavaScript代码,且编译出来的 JavaScript代码能够运行在任何浏览器上。TypeScript 的编译工具也可以运行在任何服务器和任何系统上。

设计目标
TypeScript从一开始就提出了自己的设计目标,主要如下:

  • 遵循当前以及未来出现的ECMAScript规范。
  • 为大型项目提供构建机制(通过Class 、接口和模块等支撑)。
  • 兼容现存的JavaScript代码,即任何合法的JavaScript程序都是合法的typeScript程序。
  • 对于发行版本的代码没有运行开销。(使用过程可以简单划分为程序设计阶段和执行阶段)。
  • 成为跨平台的开发工具,TypeScript使用Apache作为开源协议,且能够在所有主流的操作系统上安装和执行。

TypeScript的优势
❏ 拥有活跃的社区支持和生态
❏ 增加了代码的可读性和可维护性
❏ 拥抱 ES6 规范,也支持ES7 草案的规范
❏ TypeScript本身非常包容,兼容所有现行的JavaScript代码

TypeScript的劣势
❏ 短期投入到工作可能增加开发成本
❏ 集成到自动构建流程中需要额外的工作量
❏ 学习需要成本,需要理解接口、Class、泛型等知识

关于TypeScript更多信息,请参考TypeScript官网和TypeScript中文网站TypeScript Github托管仓库。

开发环境和工具支持

命令行工具

安装命令:npm install -g typescript //-g 表示全局安装 上面的命令执行后会在全局环境下安装tsc

查看安装的版本信息:tsc --version

可以通过tsc --help来查看tsc 使用的帮助,通过tsc --version命令来看tsc版本验证是否安装成功,当前最新版本为 3.1.1

0.1.ts

let num:number=1;

编译
tsc 0.1.ts
翻译
0.1.js

var num=1;

编译使用
主流的编译器都支持 TypeScript.下面是推荐的编译器(点击获取编译器或IDE对TypeScript的支持)

Atom 21世纪黑客文本编辑器(拥有众多强大插件)
WebStom 强大的前端文本编译器
visual Studio Code 内置了TypeScript支持,且本身也有TypeScript实现

TypeScript语言内部被划成为三层,没层又被一次划成或者是组件.
在这里插入图片描述
语言层:实现所有TypeScript的语言特性。
编译层:执行编译和类型检查操作,并把代码转换为JavaScript。
语言服务层:生成信息以帮助编辑器或其它开发工具提供更好的辅助特性。

转载:http://wendingding.com/2018/06/19/TypeScript%E7%B3%BB%E5%88%97%20[02]-typeScript%E8%AF%AD%E8%A8%80%E7%89%B9%E6%80%A7(%E4%B8%80)/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值