10分で試すTypeScript - 結城浩のはてなブログ

Microsoftの新言語TypeScriptをWindows 7上で試してみます。
Node.jsをインストールしてない人はNode.jsのサイトからmsiをダウンロードしてインストール。
Node.jsのコマンドプロンプトを開く。
npmを使ってTypeScriptをインストールする。

C:\Users\user> npm install -g typescript
npm http GET https://registry.npmjs.org/typescript
npm http 200 https://registry.npmjs.org/typescript
npm http GET https://registry.npmjs.org/typescript/-/typescript-0.8.0.tgz
npm http 200 https://registry.npmjs.org/typescript/-/typescript-0.8.0.tgz
C:\Users\user\AppData\Roaming\npm\tsc -> C:\Users\user\AppData\Roaming\npm\node_modules\typescript\bin\tsc
typescript@0.8.0 C:\Users\user\AppData\Roaming\npm\node_modules\typescript

たとえばgreeter.tsをコンパイルしてみようか。
TypeScriptで書かれたgreeter.tsを表示する。

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

TypeScriptで書かれたgreeter.tsをJavaScriptに変換する。これがTypeScriptのコンパイルである。

C:\Users\user> tsc greeter.ts

どんなふうにコンパイルされたかな。

C:\Users\user> type greeter.js
var Greeter = (function () {
    function Greeter(greeting) {
        this.greeting = greeting;
    }
    Greeter.prototype.greet = function () {
        return "<h1>" + this.greeting + "</h1>";
    };
    return Greeter;
})();
; ;
var greeter = new Greeter("Hello, world!");
var str = greeter.greet();
document.body.innerHTML = str;