TypeScript - 1 入门

@hanq  2015年08月18日 10:51

    首先贴出官网地址:http://www.typescriptlang.org/Handbook

    再贴出官网的WEB IDE :http://www.typescriptlang.org/Playground/

    知乎讨论:http://www.zhihu.com/topic/19766226/top-answers

简介
    TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,已工作于TypeScript的开发。
  TypeScript扩展了 JavaScript 的句法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作。TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性。TypeScript 支持为已存在的JavaScript库添加类型信息的头文件,扩展了它对于流行的库如 jQuery,MongoDB,Node.js 和 D3.js 的好处。

安装
    有两种主要方法获得typescript工具:通过node.js的包管理(npm),或者安装VS2012的TypeScript插件。详情参见:http://14ms.net/typescript-01/,这里只记录可跨平台运行的npm(node.js传送:https://nodejs.org/download/)。

npm install -g typescript

IDE
支持TypeScript的IDE比较多,这里使用SublimeText,插件地址传送:http://blogs.msdn.com/b/interoperability/archive/2012/10/01/sublime-text-vi-emacs-typescript-enabled.aspx,安装方法传送:http://blog.csdn.net/taotao3686/article/details/25881209

HelloWorld
在IDE中编写,并保存到index.html中:

<!DOCTYPE html>
<html>
<head><title>HelloWorld</title></head>
<body>
    <script src='helloworld.js'></script>
</body>
</html>

    IDE中编写,并保存到文件helloworld.ts(.ts为TypeScript专用源代码扩展名):

class Greeter {
    constructor(public greeting: string) { }
    greet() {
        return "<h1>" + this.greeting + "</h1>";
    }
};
var greeter = new Greeter("Hello, world!");
document.body.innerHTML = greeter.greet();

编译

tsc helloworld.ts

经过编译后会生成helloworld.js文件,加载到相应的js位置即可以运行了。


添加新评论