在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
你是否听过 TypeScript? TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进 步的地方 包括:加入注释,让编译器理解所支持的对象和函数,编译器会移除注释,不会增加开销;增加一个完整的类结构,使之更新是传统的面向对象语言。 为什么会有 TypeScript?JavaScript 只是一个脚本语言,并非设计用于开发大型 Web 应用,JavaScript 没有提供类和模块的概念,而 TypeScript 扩展了 JavaScript 实现了这些特性。TypeScript 主要特点包括:
语法特性
JavaScript 的 TypeScript 的区别
|
1 |
C:\Program Files (x86)\Microsoft SDKs\TypeScript\0.8.0.0 |
或者是:
1 |
C:\Program Files\Microsoft SDKs\TypeScript\0.8.0.0 |
要编译 TypeScript 文件,可使用如下命令:
1 |
tsc filename.ts |
一旦编译成功,就会在相同目录下生成一个同名 js 文件,你也可以通过命令参数来修改默认的输出名称。
如果你希望 TypeScript 被自动编译,你可以了解下 Sholo.TypeScript.Build , Web Essentials 2012.
现在我开始用 TypeScript 创建一个简单的 HTML 应用。
首先通过 File -> New-Project 新建项目:
我们将看到 app.js 依赖于 app.ts,默认的 app.ts 文件包含类和构造函数等等,如下图:
TypeScript 文件将会被编译为 JavaScript (app.js),下面是编译后的 JavaScript 代码:
然后我们可以在页面中引用 JavaScript
当你构建或者重新构建项目时,你将看到提示是否重新编译 TypeScript 的信息:
如果在 .??proj 文件中有如下内容将会被自动编译:
当你运行此应用时会在页面上显示当前的日期和时间
你也可以在线玩玩:Playground
这篇文章中我们简单的介绍了如何使用 TypeScript,希望你能喜欢或者觉得对你有帮助。
请发表评论