TypeScript入門

仕事でTypeScriptをやることになったのでとりあえず入門しておく。まずインストールするところから。

node.jsがインストールされている前提ですすんでいく。

% sudo npm install -g typescript
Password:
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.9.0-1.tgz
npm http 200 https://registry.npmjs.org/typescript/-/typescript-0.9.0-1.tgz
/usr/local/bin/tsc -> /usr/local/lib/node_modules/typescript/bin/tsc
npm WARN package.json github-url-from-git@1.1.1 No repository field.
npm WARN package.json assert-plus@0.1.2 No repository field.
npm WARN package.json ctype@0.5.2 No repository field.
npm WARN unmet dependency /usr/local/lib/node_modules/npm/node_modules/couch-login requires request@'~2.9.202' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/npm/node_modules/request,
npm WARN unmet dependency which is version 2.21.0
typescript@0.9.0-1 /usr/local/lib/node_modules/typescript

% which tsc
/usr/local/bin/tsc

% tsc -c
Version 0.9.0.1

インストール完了。とりあえず “Hello World.” 書いてみる。

% vim toggle.ts
class Ore {

  message : string = "Hello World.";

  constructor() {
  }

  say(message : string) : void {
    this.message = message;
    console.log(this.message);
  }
}

var ore : Ore = new Ore();
ore.say('Hello World.');

tsファイルをコンパイルしてみる。

% tsc toggle.ts

コンパイル結果。

var Ore = (function () {
  function Ore() {
    this.message = "Hello World.";
  }
  Ore.prototype.say = function (message) {
    this.message = message;
    console.log(this.message);
  };
  return Ore;
})();

var ore = new Ore();
ore.say('Hello World.');

でけた!