Kaiba

<p>Next.js + typescriptの環境で、関数内のthis.hogehogeでthisがundefinedになっておりエラーが発生。</p>


<p>アロー関数とメソッドではthisの扱いが違うらしい。アロー関数に書き替えたら解決した。</p>
<h2 id="%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89">
<a class="header-anchor-link" href="#%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89" aria-hidden="true"></a> メソッド</h2>
<ul>
<li>thisは呼び出し時のコンテキストに依存します。</li>
<li>メソッドが別のコンテキストで呼び出された場合、thisの値が変わる可能性があります。</li>
</ul>
<h2 id="%E3%82%A2%E3%83%AD%E3%83%BC%E9%96%A2%E6%95%B0">
<a class="header-anchor-link" href="#%E3%82%A2%E3%83%AD%E3%83%BC%E9%96%A2%E6%95%B0" aria-hidden="true"></a> アロー関数</h2>
<ul>
<li>thisはレキシカルスコープで固定されます。</li>
<li>クラスのインスタンスを常に参照するため、コンテキストが変わってもthisの値は変わりません</li>
</ul>
