1 什么是typescript？
function greeter(person) { return "Hello, " + person; } var user = "Jane User"; document.body.innerHTML = greeter(user);
这里greeter函数的参数person可以接收任何类型的值，如果我们希望person接收的是字符串类型，就像java的参数类型一样，传入类型不相符的参数编译会不通过。js不提供这种检查
接下来让我们看看TypeScript工具带来的高级功能。 给 person函数的参数添加: string类型注解
TypeScript代码如下（.ts）：
function greeter(person: string) { return "Hello, " + person; } var user = "Jane User"; document.body.innerHTML = greeter(user);
这里编译正常，若尝试把 greeter的调用改成传入一个数组
function greeter(person: string) { return "Hello, " + person; } var user = [0, 1, 2]; document.body.innerHTML = greeter(user);
重新编译，会产生了一个错误：Argument of type 'number[]' is not assignable to parameter of type 'string'.
TypeScript会告诉你使用了非期望个数的参数调用了这个函数。要注意的是尽管有错误，greeter.js文件还是被创建了。 就算你的代码里有错误，你仍然可以使用TypeScript。但在这种情况下，TypeScript会警告你代码可能不会按预期执行。
- TypeScript 是微软推出的开源语言，使用 Apache 授权协议
- TypeScript 是 JavaScript 的超集.
- TypeScript 增加了可选类型、类和模块
- TypeScript 可以编译成可读的、标准的 JavaScript
- TypeScript 支持开发大规模 JavaScript 应用，支持所有浏览器，主机和操作系统
- TypeScript 设计用于开发大型应用，并保证编译后的 JavaScript 代码兼容性
- TypeScript 扩展了 JavaScript 的语法，因此已有的 JavaScript 代码可直接与 TypeScript 一起运行无需更改
- TypeScript 文件扩展名是 ts，而 TypeScript 编译器会编译成 js 文件
- TypeScript 语法与 JScript .NET 相同
- TypeScript 非常易学和易于理解
- 类
- 接口
- 模块
- 类型注解
- 编译时类型检查
- Arrow 函数 (类似 C# 的 Lambda 表达式)
- 通过 Node.js 包管理器 (npm)
- 通过与 Visual Studio 2012 集成的 MSI. (Click here to download)
进入网站 https://nodejs.org/en/download/，选择自己的电脑版本下的nodejs应用。Node interpreter下，选择下载好的nodejs应用即可。
进入网站 https://github.com/Microsoft/TypeScript/，点击 Download ZIP，下载typescript,下载完成后解压。点击Compiler version 后的edit按钮，选择typescript解压目录下的lib目录。
implements语句。interface Person { firstName: string; lastName: string; } function greeter(person: Person) { return "Hello, " + person.firstName + " " + person.lastName; } var user = { firstName: "Jane", lastName: "User" }; document.body.innerHTML = greeter(user);
（2）类
TypeScript支持JavaScript的新特性，比如支持基于类的面向对象编程。
让我们创建一个Student类，它带有一个构造函数和一些公共字段。 注意类和接口可以一起共作，程序员可以自行决定抽象的级别。
还要注意的是，在构造函数的参数上使用public等同于创建了同名的成员变量。
class Student { fullName: string; constructor(public firstName, public middleInitial, public lastName) { this.fullName = firstName + " " + middleInitial + " " + lastName; } } interface Person { firstName: string; lastName: string; } function greeter(person : Person) { return "Hello, " + person.firstName + " " + person.lastName; } var user = new Student("Jane", "M.", "User"); document.body.innerHTML = greeter(user);
重新运行tsc greeter.ts，你会看到生成的JavaScript代码和原先的一样。 TypeScript里的类只是JavaScript里常用的基于原型面向对象编程的简写。
（3）运行TypeScript Web应用
<!DOCTYPE html> <html> <head><title>TypeScript Greeter</title></head> <body> <script src="greeter.js"></script> </body> </html>
在浏览器里运行该html查看效果。