Welche Methoden gibt es, um diesen Zeiger in js zu ändern?

下次还敢
Freigeben: 2024-05-06 13:57:17
Original
739 Leute haben es durchsucht

In JavaScript können Sie die folgenden Methoden verwenden, um diesen Zeiger zu ändern: Bind: Gibt eine neue Funktion zurück, deren Wert an das angegebene Objekt gebunden ist. Aufrufen und Anwenden: Rufen Sie die Funktion direkt auf und erlauben Sie die Angabe dieses Werts. Pfeilfunktionen: Binden Sie diese implizit an den übergeordneten Bereich.

Welche Methoden gibt es, um diesen Zeiger in js zu ändern?

Methoden zum Ändern vonthis, auf das in JavaScript verwiesen wirdthis指向的方法

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

1. 绑定(Bind)

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

function.bind(object)
Nach dem Login kopieren

例如:

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"
Nach dem Login kopieren

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

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

function.call(object, arg1, arg2, ...) function.apply(object, [arg1, arg2, ...])
Nach dem Login kopieren

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"
Nach dem Login kopieren

3. 箭头函数

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

In JavaScript bezieht sich das Schlüsselwort thisauf das aktuelle Objekt der aktuellen Ausführung Kontext. Manchmal ist es jedoch notwendig, den Zeiger von thiszu ändern, damit dieselbe Methode in verschiedenen Objektkontexten verwendet werden kann. Es gibt mehrere Möglichkeiten, den Sinn von thisin JavaScript zu ändern:

1. Die Methode Bind (Bind) bind()gibt ein neues zurück Eine Funktion, deren dieser-Wert an das angegebene Objekt gebunden ist. Die Syntax lautet wie folgt:
const person = { name: 'John', greet: () => { console.log(`Hello, my name is ${this.name}`); } }; person.greet(); // 输出:"Hello, my name is John"
Nach dem Login kopieren
Zum Beispiel: rrreee2. Call and Apply call()und apply()Methodenaufrufe eine Funktion direkt und ermöglicht Ihnen die Angabe eines this-Werts. Die Syntax lautet wie folgt: rrreee Im Gegensatz zu bind()führen call()und apply()die Funktion sofort aus. Zum Beispiel: rrreee3. PfeilfunktionenPfeilfunktionen ( =>) binden diesimplizit an seinen übergeordneten Rollenbereich. Das bedeutet, dass der this-Wert innerhalb einer Pfeilfunktion immer auf das Objekt zeigt, das ihn erstellt hat. Beispiel: rrreee

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es, um diesen Zeiger in js zu ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!