Heim  >  Artikel  >  Web-Frontend  >  Welche Methoden gibt es, um diesen Zeiger in js zu ändern?

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

下次还敢
下次还敢Original
2024-05-06 13:57:17795Durchsuche

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 von this, auf das in JavaScript verwiesen wirdthis 指向的方法

在 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

In JavaScript bezieht sich das Schlüsselwort this auf das aktuelle Objekt der aktuellen Ausführung Kontext. Manchmal ist es jedoch notwendig, den Zeiger von this zu ändern, damit dieselbe Methode in verschiedenen Objektkontexten verwendet werden kann. Es gibt mehrere Möglichkeiten, den Sinn von this in 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: 🎜
<code>const person = {
  name: 'John',
  greet: () => {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.greet(); // 输出:"Hello, my name is John"</code>
🎜Zum Beispiel: 🎜rrreee🎜🎜2. 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: 🎜rrreee🎜🎜3. Pfeilfunktionen🎜🎜Pfeilfunktionen (=>) binden dies implizit 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!

Stellungnahme:
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