厳密なnullチェックの概要

厳密なnullチェックは、型安全性を強制することで、nullやundefinedによるエラーを防ぐTypeScriptの機能です。

この機能により、これらのケースを明示的に処理する必要があるため、コードの信頼性と予測可能性が高まります。

厳密なnullチェックとは

厳密なnullチェックを有効にすると、TypeScriptはnullとundefinedを別々の型として扱います。そのため、コード内でこれらを明示的に処理する必要があります。

厳密なnullチェックを有効にする

tsconfig.jsonファイルに"strictNullChecks": trueを追加すると、厳密なnullチェックを有効にできます。

{
  "compilerOptions": {
    "strictNullChecks": true
  }
}

nullとundefinedの処理

厳密なnullチェックを有効にすると、TypeScriptではnullとundefinedを明示的に処理する必要があります。

function greet(name: string | null): void {
  if (name === null) {
    console.log('Hello, guest!');
  } else {
    console.log(`Hello, ${name}!`);
  }
}

greet(null);
// Output: Hello, guest!

オプショナルチェーン

オプショナルチェーン（?.）は厳密なnullチェックと相性のよい機能で、nullまたはundefinedの可能性があるオブジェクトのプロパティに安全にアクセスできます。

const user = {
  profile: {
    name: 'Alice'
  }
};

console.log(user.profile?.name); // Output: Alice
console.log(user.profile?.age); // Output: undefined

Non-Null Assertion Operator

Non-Null Assertion Operator（!）は、ある値がnullでもundefinedでもないことをTypeScriptに伝えます。

function getLength(text?: string): number {
  return text!.length;
}

console.log(getLength('Hello')); // Output: 5

厳密なnullチェックのメリット

厳密なnullチェックを有効にすると、次の効果があります。

• 開発中のエラーをより効果的に防止できます。
• より安全で信頼性の高いコードになります。
• nullとundefinedを扱う際の開発者の安心感が高まります。

練習課題

文字列またはnullを受け取り、入力に応じて安全にメッセージをログ出力する関数を作成してください。異なる入力を使ってテストしましょう。

おめでとうございます！

TypeScriptで厳密なnullチェックを使い、nullとundefinedの値を安全に扱う方法を学びました。これらのテクニックを練習して、より安全で予測しやすいコードを書きましょう。