typescriptの「はてなドット」について

概要

typescriptに?.という表現がある。
Google検索時には「typescript はてなドット」のようなサジェストが挙がる。
オプショナルチェーン(optional chaining)という記法でnullやundefinedの可能性があるプロパティにアクセスするときにとても便利。

参考

オプショナルチェーン (optional chaining) | サバイバルTypeScript

サンプル

次のようにundefinedな可能性のあるオブジェクトhogeに対してfuga()メソッドを呼び出すときに使える。

interface Hoge {
    fuga: () => void
}

const sample1 = (hoge: Hoge | undefined) => {
    hoge?.fuga() // undefinedの可能性のあるhogeからfuga()を呼び出す。
}

?.を使わずにhoge.fuga()と書いてしまうとundefined.fuga()の意味合いとなってしまいエラーとなる。
簡単に言えば次のif分を省略するために?.が使える。

const sample2 = (hoge: Hoge | undefined) => {
    if (hoge) {
        hoge.fuga()
    }
}