javascriptの矢印関数内の「この」キーワードの値は、矢印関数が語彙的な「この」結合を持つように設計されているために、それがどのように呼ばれるかではなく、関数が作成されたコンテキストによって決定されます。つまり、矢印関数内の「この」キーワードは、周囲のスコープの「この」値を指します。これは、矢印関数が実行されるスコープではなく、矢印関数が定義されたスコープです。これにより、「これ」の価値について推論しやすくなり、引数として渡されるか、オブジェクトメソッドとして使用される関数に対して、より一貫した動作を提供します。
The value of the "this" keyword inside an arrow function in JavaScript is determined by the context in which the function was created, rather than by how it is called because arrow functions were designed to have a lexical "this" binding. This means that the "this" keyword inside an arrow function refers to the "this" value of the surrounding scope, which is the scope in which the arrow function was defined, rather than the scope in which it is executed. This makes it easier to reason about the value of "this" and provides a more consistent behavior for functions that are passed as arguments or used as object methods.