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の例
1 2 3 4 5 6 7 8 9 10 |
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に変換後
1 2 3 4 5 6 7 8 9 10 11 |
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