2KB项目,专业的源码交易网站 帮助 收藏 每日签到

TypeScript 入门指南

  • 时间:2019-05-28 00:06 编辑:2KB 来源:2KB.COM 阅读:423
  • 扫一扫,手机访问
  • 分享
摘要: 英文原文:Get
英文原文:Getting Started With TypeScript ( Superset of JavaScript )

你可否听过 TypeScript?

TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运转。TypeScript与JavaScript比拟进 步的地方 包括:参与注释,让编译器了解所支持的Tools和函数,编译器会移除注释,不会增加开支;增加一个残缺的类结构,使之更新是传统的面向Tools言语。

为什么会有 TypeScript?   

JavaScript 只是一个脚本言语,并非设计用于开发大型 Web 运用,JavaScript 没有供应类和模块的观念,而 TypeScript 扩展了 JavaScript 完成了这些特点。TypeScript 重要特征包括:

  • TypeScript 是微软推出的开源言语,应用 Apache 授权协议
  • TypeScript 是 JavaScript 的超集. 
  • TypeScript 增加了可选类型、类和模块
  • TypeScript 可编译成可读的、标准的 JavaScript
  • TypeScript 支持开发大范畴 JavaScript 运用
  • TypeScript 设计用于开发大型运用,并保证编译后的 JavaScript 代码兼容性
  • TypeScript 扩展了 JavaScript 的语法,因此已有的 JavaScript 代码可间接与 TypeScript 一同运转无需更改
  • TypeScript 文件扩展名是 ts,而 TypeScript 编译器会编译成 js 文件
  • TypeScript 语法与 JScript .NET 相似
  • TypeScript 易学易于了解

语法特点

  • 类 Classes
  • 接口 Interfaces
  • 模块 Modules 
  • 类型注解 Type annotations
  • 编译时类型检查 Compile time type checking 
  • Arrow 函数 (类似 C# 的 Lambda 表达式)

JavaScript 的 TypeScript 的差异

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一同Task无需任何修改,TypeScript 颠末类型注解供应编译时的静态类型检查。TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码履行编译。

编辑器支持

Visual Studio 2012 支持 TypeScript 模块/语法高亮,这个需求装备 TypeScript 插件。而类似 Sublime Text, Vim and Emacs 编辑器支持语法高亮。 在 VS 2012 编辑器中,还供应了重构和 Go To Definition 等功用。

Refactor Goto Definition , HTML Application with TypeScript - Shemeer  

留心: TypeScript 不依托任何 IDE,你可在任何运用中自行将 TypeScript 编译成 JavaScript。

怎样取得

可颠末以下两个方法来装备 TypeScript:

留心: 需求封锁其他运用次序来避免装备时的一些问题。

下面是颠末 MSI 文件装备时的界面:

假设你只是想先看看 TypeScript 而已,可 click here

怎样编译 TypeScript   

要在运用中应用 TypeScript 必须先编译,编译的结果是生成 js 文件,你可颠末 TypeScript 编译器 tsc 来完成这个过程。

假设你在 Visual Studio 2012 中应用 TypeScript,它会自动将 ts 文件编译成 js 文件。

TypeScript 编译器模板被装备在以下道路:

C:Program Files (x86)Microsoft SDKsTypeScript.8.0.0

也许是:

C:Program FilesMicrosoft SDKsTypeScript.8.0.0

要编译 TypeScript 文件,可使用以下号召:

tsc filename.ts

一旦编译成功,就会在相似目录下生成一个同名 js 文件,你也可以颠末号召参数来修改默许的输着名称。

假设你渴望 TypeScript 被自动编译,你可以了解下 Sholo.TypeScript.Build , Web Essentials 2012. 

TypeScript 项目/文件 模板

一旦你在 Visual Studio 2012 上装备了插件,你会获得以下模板:

HTML Application with TypeScript   

MVC – TypeScript Internet Application

TypeScript File   

首个用 TypeScript 编写的 HTML 运用

现在我Start用 TypeScript 创建一个轻易的 HTML 运用。

首先颠末 File -> New-Project 新建项目:



输出需求信息,点击 Ok 按钮,创建后项目模板以下:

我们将看到 app.js 依托于 app.ts,默许的 app.ts 文件包含类和构造函数等等,以下图:

TypeScript 文件将会被编译为 JavaScript (app.js),下面是编译后的 JavaScript 代码:

然后我们可以在页面中引用 JavaScript

当你构建也许重新构建项目时,你将看到提示可否重新编译 TypeScript 的信息:

假设在 .??proj 文件中有以下内容将会被自动编译:

当你运转此运用时会在页面上显示当前的日期和时间

你也可以在线玩玩:Playground 

Playground TypeScript - Shemeer

更多阅读资料   

本文中的一切译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接。 2KB翻译Task依照 CC 协议,假设我们的Task有侵犯到您的权益,请及时联系我们。


2KB项目(www.2kb.com,源码交易平台),提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务

  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【计算机/互联网|】Nginx出现502错误(2020-01-20 21:02)
【计算机/互联网|】网站运营全智能软手V0.1版发布(2020-01-20 12:16)
【计算机/互联网|】淘宝这是怎么了?(2020-01-19 19:15)
【行业动态|】谷歌关闭小米智能摄像头,因为窃听器显示了陌生人家中的照片(2020-01-15 09:42)
【行业动态|】据报道谷歌新闻终止了数字杂志,退还主动订阅(2020-01-15 09:39)
【行业动态|】康佳将OLED电视带到美国与LG和索尼竞争(2020-01-15 09:38)
【行业动态|】2020年最佳AV接收机(2020-01-15 09:35)
【行业动态|】2020年最佳流媒体设备:Roku,Apple TV,Firebar,Chromecast等(2020-01-15 09:31)
【行业动态|】CES 2020预览:更多的流媒体服务和订阅即将到来(2020-01-08 21:41)
【行业动态|】从埃隆·马斯克到杰夫·贝佐斯,这30位人物定义了2010年代(2020-01-01 15:14)
联系我们

Q Q: 7090832

电话:400-0011-990

邮箱:7090832@qq.com

时间:9:00-23:00

联系客服
商家入住 服务咨询 投拆建议 联系客服
0577-67068160
手机版

扫一扫进手机版
返回顶部