「JavaScript」callメソッドでthisのコンテキスト値を指定するサンプル

2022年8月29日

構文
1.メソッドの定義

function funA() {
  const 変数名 = [this.フィールド名1,'文字列',this.フィールド名2].join('')
}

2.const オブジェクト名 = {フィールド名1:値1,フィールド名2:値2}
call() メソッドは、 this の値と、独立して提供された引数によって関数を呼び出します。
call を使用した関数を呼び出しと 'this’ のコンテキストの指定します。

使用例

function funA() {
  const result = [this.name, 'の出身は', this.city,'です'].join(' ');
  console.log(result);
}

const user = {
  name: '山田　太郎', city: '東京'
};

funA.call(user); 

実行結果
> “山田　太郎 の出身は 東京 です"