jsでこのポインタを変更する方法は何ですか-jsチュートリアル-php.cn

jsでこのポインタを変更する方法は何ですか

下次还敢

リリース： 2024-05-06 13:57:17

オリジナル

700 人が閲覧しました

JavaScript では、次のメソッドを使用してこのポインターを変更できます: Bind: この値が指定されたオブジェクトにバインドされている新しい関数を返します。呼び出しと適用: 関数を直接呼び出して、この値を指定できるようにします。アロー関数: これを親スコープに暗黙的にバインドします。

jsでこのポインタを変更する方法は何ですか

JavaScriptで指定された this を変更するメソッドthis 指向的方法

在 JavaScript 中，this 关键字引用当前执行上下文的当前对象。但是，有时候需要改变 this 的指向，以便在不同的对象上下文中使用相同的方法。以下是在 JavaScript 中改变 this 指向的几种方法：

1. 绑定（Bind）

bind() 方法返回一个新函数，该函数的 this 值已绑定到指定的对象。语法如下：

function.bind(object)

ログイン後にコピー

例如：

const person = {
  name: 'John',
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

const boundGreet = person.greet.bind({ name: 'Mary' });
boundGreet(); // 输出："Hello, my name is Mary"

ログイン後にコピー

2. 调用（Call）和应用（Apply）

call() 和 apply() 方法直接调用一个函数，并允许您指定 this 值。语法如下：

function.call(object, arg1, arg2, ...)
function.apply(object, [arg1, arg2, ...])

ログイン後にコピー

与 bind() 不同，call() 和 apply() 会立即执行函数。

例如：

const person = {
  name: 'John'
};

function greet(greeting) {
  console.log(`${greeting}, my name is ${this.name}`);
}

greet.call(person, 'Hello'); // 输出："Hello, my name is John"
greet.apply(person, ['Hello']); // 输出："Hello, my name is John"

ログイン後にコピー

3. 箭头函数

箭头函数（=>）隐式地绑定 this 到其父级作用域。这意味着箭头函数内的 this

JavaScript では、this キーワードは現在の実行の現在のオブジェクトを参照しますコンテクスト。ただし、同じメソッドを異なるオブジェクトコンテキストで使用できるように、this のポインタを変更する必要がある場合があります。 JavaScript で this のポイントを変更する方法は次のとおりです。

🎜1. Bind (バインド)🎜🎜bind() メソッドは新しいメソッドを返します。 this 値が指定されたオブジェクトにバインドされている関数。構文は次のとおりです: 🎜

const person = {
  name: 'John',
  greet: () => {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.greet(); // 输出："Hello, my name is John"

ログイン後にコピー

🎜例: 🎜rrreee🎜🎜2. 呼び出しと適用🎜🎜call() および apply() メソッド呼び出し関数を直接使用し、this 値を指定できます。構文は次のとおりです: 🎜rrreee🎜 bind() とは異なり、call() と apply() は関数をすぐに実行します。 🎜🎜例: 🎜rrreee🎜🎜3. アロー関数🎜🎜 アロー関数 (=>) は、this をその親ロール領域に暗黙的にバインドします。これは、アロー関数内の this 値が常にそれを作成したオブジェクトを指すことを意味します。 🎜🎜例: 🎜rrreee

以上がjsでこのポインタを変更する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。