BLOG

TypeScript

2015/4/13

http://www.typescriptlang.org/

マイクロソフトが中心となって開発を進めているオープンソースのスクリプト言語で、コンパイル結果がJavaScriptコードになります。

いわゆる「AltJS」と呼ばれる種類の言語です。

AltJSにはCoffeeScript、Dartなどがあります。

JavaScriptのコードをより書きやすくし、厳密さを向上させたもので、JavaScriptのシンタクティック・シュガー（syntactic sugar）とも呼ばれています。

TypeScriptの基本的な文法はJavaScriptと同じですが以下の点が追加されています。
・変数のデータ型を決めておける。（静的型付け）
・クラスを簡単に記述できる。
・1つの関数定義で異なるデータ型の引数を処理できる。（総称型）
・引数の文字列によって異なる関数を実行できる。（文字列によるオーバーロード）

コンパイラ

Playground
Playgroundはブラウザ上でTypeScriptのコンパイルと実行を試すことができます

tsc
・Node.jsをインストールする。
Node.jsのサイトでINSTALLボタンをクリックし、インストーラの指示に従ってインストールします。
コマンドプロンプトでnode -vと入力してEnterキーを押すと、インストールされているNode.jsのバージョンが表示されます。
・TypeScriptコンパイラ（tsc）をインストールします。
コマンドプロンプトでnpm install -g typescriptと入力してEnterキーを押します。
・ソースコードのあるディレクトリに移動してtsc ファイル名.tsでコンパイルを行います。

Visual Studio プラグイン
Visual StudioでTypeScriptの開発が可能になるプラグインも提供されています。

TypeScriptの例

var msg:string;
class testClass {
	p1:number;
	p2:number;
}
var test = new testClass();
test.p1 = 5;
test.p2 = 8;
msg = "testのp1は" + test.p1 + "で、p2は" + test.p2 + "です。";
alert(msg);

var msg:string;

class testClass {

p1:number;

p2:number;

}

var test = new testClass();

test.p1 = 5;

test.p2 = 8;

msg = "testのp1は" + test.p1 + "で、p2は" + test.p2 + "です。";

alert(msg);

JavaScriptに変換後

var msg;
var testClass = (function () {
    function testClass() {
    }
    return testClass;
})();
var test = new testClass();
test.p1 = 5;
test.p2 = 8;
msg = "testのp1は" + test.p1 + "で、p2は" + test.p2 + "です。";
alert(msg);

var msg;

var testClass = (function () {

function testClass() {

}

return testClass;

})();

var test = new testClass();

test.p1 = 5;

test.p2 = 8;

msg = "testのp1は" + test.p1 + "で、p2は" + test.p2 + "です。";

alert(msg);

Tag:JavaScript TypeScript

BLOG

BLOG

TypeScript

コンパイラ

TypeScriptの例

関連記事