【記録】サバイバルTypeScript

サイト

... 随時更新中

トップ

積極的に使ってみたい便利そうなものを板書

タプル型

タプル型を使うと、配列の要素数と要素の型が固定される。
それぞれの要素のインデックスごとに型が決まる

let tuple: [string, number];
tuple = ["hello", 10]; // 代入できる
tuple = [10, "hello"]; // 順序が正しくないため、代入できない
tuple = ["hello", 10, "world"]; // 要素が多すぎるため代入できない

Shorthand property names

• プロパティの値がすでに定義されている変数である場合、そのプロパティ名を省略して記述できる。
• 詳細

const name = "John";
const age = 20;
const obj = { name, age };
console.log(obj);

// { name: 'John', age: 20 }

オプショナルチェーン

プロパティが存在するかどうか不確定である場合、?.演算子（オプショナルチェーン）で安全にアクセスできる。

function printLength(obj: { a?: string }) {
  console.log(obj.a?.length);
}
printLength({ a: "hello" });
// 5
printLength({});
// undefined

作って学ぶTypeScript

セットアップ時のエラー記録

チュートリアルを参考にtscインストールした後もcommand not fouondになる

tsc --version
zsh: command not found: tsc

以下を実行して解決した

npm bin -g
export PATH=$PATH:`npm bin -g`

• 参考: Why wont my npm package commands work?