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

Apakah kaedah untuk menukar penunjuk ini dalam js?

May 06, 2024 pm 01:57 PM
Skop

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>
Salin selepas log masuk

例如:

<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>
Salin selepas log masuk

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

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

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

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>
Salin selepas log masuk

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>
Salin selepas log masuk
🎜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 Laman Web ini
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penggunaan typedef struct dalam bahasa c Penggunaan typedef struct dalam bahasa c May 09, 2024 am 10:15 AM

typedef struct digunakan dalam bahasa C untuk mencipta alias jenis struktur untuk memudahkan penggunaan struktur. Ia alias jenis data baharu kepada struktur sedia ada dengan menentukan alias struktur. Faedah termasuk kebolehbacaan yang dipertingkatkan, penggunaan semula kod dan pemeriksaan jenis. Nota: Struktur mesti ditakrifkan sebelum menggunakan alias itu mestilah unik dalam program dan hanya sah dalam skop di mana ia diisytiharkan.

Bagaimana untuk menyelesaikan pembolehubah yang diharapkan dalam java Bagaimana untuk menyelesaikan pembolehubah yang diharapkan dalam java May 07, 2024 am 02:48 AM

Pengecualian nilai jangkaan pembolehubah dalam Java boleh diselesaikan dengan: memulakan pembolehubah menggunakan nilai nol menggunakan semakan dan tugasan;

Kelebihan dan kekurangan penutupan dalam js Kelebihan dan kekurangan penutupan dalam js May 10, 2024 am 04:39 AM

Kelebihan penutupan JavaScript termasuk mengekalkan skop pembolehubah, membolehkan kod modular, pelaksanaan tertunda, dan keburukan pengendalian peristiwa termasuk kebocoran memori, peningkatan kerumitan, overhed prestasi dan kesan rantaian skop.

Apa yang termasuk bermakna dalam c++ Apa yang termasuk bermakna dalam c++ May 09, 2024 am 01:45 AM

Arahan prapemproses #include dalam C++ memasukkan kandungan fail sumber luaran ke dalam fail sumber semasa, menyalin kandungannya ke lokasi yang sepadan dalam fail sumber semasa. Digunakan terutamanya untuk memasukkan fail pengepala yang mengandungi pengisytiharan yang diperlukan dalam kod, seperti #include <iostream> untuk memasukkan fungsi input/output standard.

Petunjuk pintar C++: analisis komprehensif kitaran hayat mereka Petunjuk pintar C++: analisis komprehensif kitaran hayat mereka May 09, 2024 am 11:06 AM

Kitaran hayat penunjuk pintar C++: Penciptaan: Penunjuk pintar dicipta apabila memori diperuntukkan. Pemindahan pemilikan: Pindahkan pemilikan melalui operasi pemindahan. Keluaran: Memori dikeluarkan apabila penunjuk pintar keluar dari skop atau dikeluarkan secara eksplisit. Pemusnahan objek: Apabila objek runcing dimusnahkan, penunjuk pintar menjadi penunjuk tidak sah.

Bolehkah definisi fungsi dan panggilan dalam C++ bersarang? Bolehkah definisi fungsi dan panggilan dalam C++ bersarang? May 06, 2024 pm 06:36 PM

boleh. C++ membenarkan definisi dan panggilan fungsi bersarang. Fungsi luaran boleh menentukan fungsi terbina dalam, dan fungsi dalaman boleh dipanggil terus dalam skop. Fungsi bersarang meningkatkan enkapsulasi, kebolehgunaan semula dan kawalan skop. Walau bagaimanapun, fungsi dalaman tidak boleh mengakses pembolehubah tempatan fungsi luaran secara langsung, dan jenis nilai pulangan mesti konsisten dengan pengisytiharan fungsi luaran Fungsi dalaman tidak boleh rekursif sendiri.

Perbezaan antara let dan var dalam vue Perbezaan antara let dan var dalam vue May 08, 2024 pm 04:21 PM

Dalam Vue, terdapat perbezaan dalam skop apabila mengisytiharkan pembolehubah antara let dan var: Skop: var mempunyai skop global dan let mempunyai skop peringkat blok. Skop peringkat blok: var tidak mencipta skop peringkat blok, mari buat skop peringkat blok. Pengisytiharan Semula: var membenarkan pembolehubah diisytiharkan semula dalam skop yang sama, jangan biarkan.

Terdapat beberapa situasi di mana ini dalam js menunjuk ke Terdapat beberapa situasi di mana ini dalam js menunjuk ke May 06, 2024 pm 02:03 PM

Dalam JavaScript, jenis penunjuk ini termasuk: 1. Objek global 2. Panggilan fungsi; 4. Pengendali acara; Selain itu, penunjuk kepada ini boleh ditetapkan secara eksplisit menggunakan kaedah bind(), call(), dan apply().

See all articles