返回 首页

TypeScript 教程

开始阅读
手册说明:

TypeScript,可以使用你真正想要的方式编写JavaScript!TypeScript是JavaScript的一个超集。代码最终编译为普通的JavaScript。TypeScript是纯面向对象与类,接口和静态类型。就像C#或Java一样。著名的JavaScript框架angular2.0是使用TypeScript编写的。掌握TypeScript可以帮助程序员编写面向对象的程序并将它们编译为JavaScript,无论是在服务器端或客户端。

学完本教程之后,您可以进行实战练习:点击进入实战

始于JavaScript,归于JavaScript

TypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码,包括流行的JavaScript库,并从JavaScript代码中调用TypeScript代码。

TypeScript可以编译出纯净、 简洁的JavaScript代码,并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3(或更高版本)的JavaScript引擎中。

强大的工具构建 大型应用程序

Typescript允许JavaScript开发者在开发JavaScript应用程序时使用高效的开发工具和常用操作。比如静态检查和代码重构。

Typescript是可选的,类型推断让一些类型的注释使你的代码的静态验证有很大的不同。Typescript让你定义软件组件之间的接口和洞察现有JavaScript库的行为。

先进的 JavaScript

TypeScript提供最新的和不断发展的JavaScript特性,包括那些来自2015年的ECMAScript和未来的提案中的特性,比如异步功能和装饰器(Decorators),以帮助建立健壮的组件。

这些特性为高可信应用程序开发时是可用的,但是会被编译成简洁的ECMAScript3(或更新版本)的JavaScript。

受众

程序员从面向对象的世界未来会发现很容易使用的TypeScript。随着TypeScript的发展,他们可以建立Web应用程序要快得多,因为TypeScript具有良好的工具支持。

先决条件

本教程的读者应该有一个面向对象的概念和基本的JavaScript知识才能理解本教程的大部分内容。

编译/执行TypeScript程序

对于大多数在本教程中所举的例子,你会发现试试看的选项,点击即可在线运行Typescript代码,无需配置本地环境。

尝试使用试用可用选项在下面的示例代码框的右上角下面的例子:

var message:string = "Hello World" 
console.log(message)

在编译时,它会生成以下JavaScript代码。

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

版权声明

翻译整理自:Microsoft/TypeScript,http://www.typescriptlang.org/

Lincense:  Apache2.0


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录
TypeScript 快速入门
TypeScript 2.0介绍
TypeScript 2.1介绍
TypeScript 3.1介绍

TypeScript 手册指南

TypeScript 基础类型
TypeScript 变量声明
TypeScript 接口
TypeScript 类
TypeScript 函数
TypeScript 泛型
TypeScript 枚举
TypeScript 类型推论
TypeScript 类型兼容性
TypeScript 高级类型
TypeScript Symbols
TypeScript 迭代器和生成器
TypeScript 模块
TypeScript 命名空间
TypeScript 命名空间和模块
TypeScript 模块解析
TypeScript 声明合并
TypeScript JSX
TypeScript 装饰器
TypeScript Mixins
TypeScript 三斜线指令

TypeScript 声明文件

TypeScript 声明文件介绍
TypeScript 声明文件结构
TypeScript 声明文件举例
TypeScript 声明文件规范
TypeScript 声明文件原理
TypeScript 声明文件模板
TypeScript 声明文件发布
TypeScript 声明文件使用

TypeScript 项目配置

TypeScript tsconfig.json
TypeScript 编译选项
TypeScript MSBuild编译选项
TypeScript 构建工具整合
TypeScript 每日构建

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }