ts
前回の記事で、tsの成り立ちやメリット・デメリットが分析され、総合的にts自体がまだまだ偉大であることが分かりました将来有望ですね。
tsを使用するには、以下のコマンドを実行する必要があります：
npm install -g typescript
これにより、tscコマンドがグローバルにインストールされ、一度インストールすれば、どこからでもtscコマンドを実行できるようになります。
TypeScriptで記述されたファイルの拡張子は.tsであるのが通例です。 tsの利点のひとつは、エディタやIDEの機能を強化することであり、TypeScriptはほとんどの主要なエディタでサポートされています。
今までで一番シンプルな例。
新しいhello.tsファイルを作成し、以下のコードを書き出します。
function hello(person: string) {
return "Hello, " + person;
}
let user = " ";
document.body.innerHTML = hello(user);
新しいhello.htmlファイルを作成し、以下のコードを書き出します。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hello</title>
</head>
<body>
<script src="hello.js"></script>
</body>
</html>
コマンド実行
tsc hello.ts
これにより、同じ階層のディレクトリにコンパイル済みのファイルhello.jsが生成されます。
function obj(b) {
return 'Hello,\x20' + b;
}
var c = ' ';
document.body.innerHTML = obj(c);この時点で、hello.htmlファイルを開くと、予想通り、ブラウザに "Hello, Edmund Chin "と表示されます。
コードを少し変更
hello.tsを変更してみてください。
function hello(person: string) {
return "Hello, " + person;
}
let user = [' '];
document.body.innerHTML = hello(user);
再コンパイルすると、今度はエラーが発生したことがわかります。
最終的にコンパイルされ、hello.jsファイルが生成されました。
function b(bar) {
return 'Hello,\x20' + bar;
}
var c = . ;
document.body.innerHTML = b(c);このため、TypeScriptは前述のように非常に包括的であり、TypeScriptコンパイラがエラーを報告してもJavaScriptファイルを生成することができます。
さて、この時点でTypeScriptで書かれた最もシンプルな例が完成しました。
