Rumah >hujung hadapan web >tutorial js >Apakah kaedah untuk menukar penunjuk ini dalam js?

Apakah kaedah untuk menukar penunjuk ini dalam js?

下次还敢
下次还敢asal
2024-05-06 13:57:17850semak imbas

Dalam JavaScript, anda boleh menggunakan kaedah berikut untuk menukar penunjuk ini: Bind: Mengembalikan fungsi baharu yang nilai ini terikat pada objek yang ditentukan. Panggil dan Mohon: Panggil fungsi secara terus dan benarkan menentukan nilai ini. Fungsi anak panah: Ikatan ini secara tersirat pada skop induknya.

Apakah kaedah untuk menukar penunjuk ini dalam js?

Kaedah untuk menukar ini yang ditunjukkan dalam JavaScriptthis 指向的方法

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

1. 绑定(Bind)

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

<code>function.bind(object)</code>

例如:

<code>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"</code>

2. 调用(Call)和应用(Apply)

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

<code>function.call(object, arg1, arg2, ...)
function.apply(object, [arg1, arg2, ...])</code>

bind() 不同,call()apply() 会立即执行函数。

例如:

<code>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"</code>

3. 箭头函数

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

Dalam JavaScript, kata kunci ini merujuk kepada objek semasa pelaksanaan semasa konteks. Walau bagaimanapun, kadangkala adalah perlu untuk menukar penunjuk this supaya kaedah yang sama boleh digunakan dalam konteks objek yang berbeza. Berikut ialah beberapa cara untuk menukar titik ini dalam JavaScript:

🎜1 kaedah Bind (Bind)🎜🎜bind() mengembalikan kaedah baharu. Fungsi yang nilai thisnya terikat pada objek yang ditentukan. Sintaksnya adalah seperti berikut: 🎜
<code>const person = {
  name: 'John',
  greet: () => {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.greet(); // 输出:"Hello, my name is John"</code>
🎜Contohnya: 🎜rrreee🎜🎜2 Panggilan dan Mohon🎜🎜panggilan() dan gunakan() Panggilan kaedah. fungsi secara langsung dan membolehkan anda menentukan nilai this. Sintaksnya adalah seperti berikut: 🎜rrreee🎜 Tidak seperti bind(), call() dan apply() akan melaksanakan fungsi dengan serta-merta. 🎜🎜Contohnya: 🎜rrreee🎜🎜3. Fungsi anak panah🎜🎜Fungsi anak panah (=>) secara tersirat mengikat ini ke kawasan peranan induknya. Ini bermakna nilai this di dalam fungsi anak panah sentiasa menghala ke objek yang menciptanya. 🎜🎜Contoh: 🎜rrreee

Atas ialah kandungan terperinci Apakah kaedah untuk menukar penunjuk ini dalam js?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn