TypeScriptのチュートリアルをやる
蔀まずTypeScriptのチュートリアルを探すところから。
これとこれでいいような気もするが、環境構築で何を使えばいいのかがよくわからない。
Babel？ Webpack？
蔀とりあえずJavaScriptプログラマー向けのTypeScriptのはじめに的なドキュメントを読んだ。
Next Stepとして提示されていたのが、ハンドブックを読むことで、所要時間30分となっていた
（俺の英語力だと何倍になるんだ？）
蔀ハンドブックに沿って、tscをインストール。
sudo npm install -g typescript
npm install -gでOS上で共通のディレクトリにインストールするよ、という指定らしい。
Globalのgかな？
蔀当然（当然？）型推論が効くので、明示的に書くこともできるし、型推論を使って省略することもできる
蔀Union Typeというのがあるらしい。
型の合成というか、ある型じゃなかったら別の型として扱う、らしい。
function printId(id: number | string) {
console.log("Your ID is: " + id);
}
// OK
printId(101);
// OK
printId("202");
// Error
printId({ myID: 22342 });
一方の型でしか使えないメソッドを使うときなどはnarrowingができる
function printId(id: number | string) {
if (typeof id === "string") {
// In this branch, id is of type 'string'
console.log(id.toUpperCase());
} else {
// Here, id is of type 'number'
console.log(id);
}
}
InterfaceとType aliaseは同じ。
ただInterfaceは拡張性があって、型エイリアスは一度定義したら拡張ができない。
個人的にはあんまりInterface使いたいケースが思い浮かばないなあ
蔀Interfaceにはextendsがある。
あと新しいフィールド付け加えることも可能。
extendsは型エイリアスでも頑張れば似たようなことできるっぽいが、フィールドの追加はできない
蔀For the most part, you can choose based on personal preference, and TypeScript will tell you if it needs something to be the other kind of declaration. If you would like a heuristic, use interface until you need to use features from type.
使い分けは個人の好みでよくて、もし別の方を使った方がよければTypeScriptからワーニングが出るよ、とのことだが、
ヒューリスティック的には、まずインターフェイスを採用して、ダメなら型エイリアスを使う戦略が多い。
まあそもそもそんなインターフェイスも型エイリアスも使わない気がする……
蔀リテラルで型を指定できる。これは便利そう
function printText(s: string, alignment: "left" | "right" | "center") {
console.log(s);
}
printText("Hello, world", "left");
printText("G'day, mate", "centre");
なんとなく昨日はVSCodeでビルドできていたが、今日やったらできなくなっていた。
launch.jsonがおかしくなっていたっぽい？
Node.jsでやるように設定
蔀VSCodeのlaunch.jsonとかがよくわかってないから、どっかで勉強したいな
蔀TypeScriptもif文でBool値以外が使える仕様は変わらないみたい。
（正確に言うと、Bool値以外でもBool値として暗黙の型変換を行う仕様）
そこはJSを踏襲している。
蔀TS、readonlyがある
class Temp {
readonly temp = "aa";
}
let t = new Temp();
t.temp = "a";
吐き出したJS
var Temp = /** @class */ (function () {
function Temp() {
this.temp = "aa";
}
return Temp;
}());
var t = new Temp();
別にJS上は更新をふさいでるってわけでもないのか
蔀とりあえずハンドブックを読み終わった。
型を操作する話ばっかりだった……