Heim > Web-Frontend > js-Tutorial > Was ist die Verwendung davon in Javascript?

Was ist die Verwendung davon in Javascript?

青灯夜游
Freigeben: 2023-01-05 16:11:33
Original
7395 Leute haben es durchsucht

Verwendung davon: 1. Bei reinen Funktionsaufrufen wird dies verwendet, um das globale Objekt darzustellen. 2. Wenn die Funktion als Objektmethode aufgerufen wird, wird dies verwendet, um das übergeordnete Objekt darzustellen , dies wird verwendet, um das neue Objekt 4 darzustellen. Wenn apply aufgerufen wird, wird dies verwendet, um den ersten Parameter der apply()-Funktion darzustellen.

Was ist die Verwendung davon in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Dies ist ein Schlüsselwort in der JavaScript-Sprache.

Es handelt sich um ein Objekt, das beim Ausführen der Funktion automatisch im Funktionskörper generiert wird und nur innerhalb des Funktionskörpers verwendet werden kann.

function test() {
 this.x = 1;
}
Nach dem Login kopieren

Wenn im obigen Code der Funktionstest ausgeführt wird, ist intern automatisch dieses Objekt verfügbar.

Was ist also der Wert davon?

Dies hat in verschiedenen Nutzungsszenarien der Funktion unterschiedliche Werte. Im Allgemeinen ist dies das Umgebungsobjekt, in dem die Funktion ausgeführt wird. Im Folgenden wird die Verwendung dieser Funktion in vier Situationen ausführlich erläutert.

Szenario 1: Reiner Funktionsaufruf

Dies ist die häufigste Verwendung von Funktionen und ein globaler Aufruf, sodass dies das globale Objekt darstellt. Bitte schauen Sie sich den folgenden Code an. Das laufende Ergebnis ist 1.

var x = 1;
function test() {
   console.log(this.x);
}
test();  // 1
Nach dem Login kopieren

Fall 2: Aufruf als Objektmethode

Die Funktion kann auch als Methode eines Objekts aufgerufen werden, dann bezieht sich diese auf das übergeordnete Objekt.

function test() {
  console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m(); // 1
Nach dem Login kopieren

Fall 3 Aufruf als Konstruktor

Der sogenannte Konstruktor ist, dass durch diese Funktion ein neues Objekt generiert werden kann. Zu diesem Zeitpunkt bezieht sich dies auf dieses neue Objekt.

function test() {
 this.x = 1;
}
var obj = new test();
obj.x // 1
Nach dem Login kopieren

Das Laufergebnis ist 1. Um zu zeigen, dass es sich derzeit nicht um ein globales Objekt handelt, nehmen wir einige Änderungen am Code vor:

var x = 2;
function test() {
  this.x = 1;
}
var obj = new test();
x  // 2
Nach dem Login kopieren

Das laufende Ergebnis ist 2, was darauf hinweist, dass sich der Wert der globalen Variablen x überhaupt nicht geändert hat.

Fall 4 apply call

apply() ist eine Methode der Funktion und ihre Funktion besteht darin, das aufrufende Objekt der Funktion zu ändern. Sein erster Parameter stellt das geänderte Objekt dar, das diese Funktion aufruft. Daher bezieht sich dies zu diesem Zeitpunkt auf den ersten Parameter.

var x = 0;
function test() {
 console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m.apply() // 0
Nach dem Login kopieren

Wenn der Parameter von apply() leer ist, wird standardmäßig das globale Objekt aufgerufen. Daher ist das laufende Ergebnis zu diesem Zeitpunkt 0, was beweist, dass es sich auf das globale Objekt bezieht.

Wenn Sie die letzte Codezeile in

obj.m.apply(obj); //1
Nach dem Login kopieren

ändern, wird das laufende Ergebnis zu 1, was beweist, dass dies das Objekt obj darstellt.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung davon in Javascript?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage