Heim > Web-Frontend > js-Tutorial > Verschiedene Möglichkeiten, den Hinweis in JavaScript zu ändern

Verschiedene Möglichkeiten, den Hinweis in JavaScript zu ändern

韦小宝
Freigeben: 2018-03-14 14:44:57
Original
2606 Leute haben es durchsucht

In diesem Artikel werden verschiedene Methoden zum Ändern des This-Zeigers in JavaScript beschrieben. Wenn Sie nicht wissen, wie Sie den This-Zeiger in JavaScript ändern können, dann werden wir Get Lesen Sie diesen Artikel. Okay, lassen Sie uns den Unsinn auf den Punkt bringen.

Dies ist ein Thema, das eine ausführliche Diskussion verdient. Im Folgenden werden drei gängige Methoden zum Ändern des Zeigers zusammengefasst davon. Klären Sie zunächst den Funktionsbegriff: Die Funktion selbst ist ein besonderer Typ. Sie müssen immer verstehen, dass eine Funktion auch als Variable betrachtet werden kann.

1. Verwenden Sie die Objektmethode, um eine Funktion zu definieren (wer auch immer mich bindet, ich werde zeigen)

Laienhaft ausgedrückt: Wenn diese Funktion eine Methode (ein Schlüssel) eines Objekts ist, dann zeigt dies in der Funktion auf dieses Objekt.

var a = function(obj) 
{ 
    alert(this == obj); 
} 
var obj = {}; 
obj.fun = a; 
obj.fun(obj); //true
Nach dem Login kopieren

Diese Funktion entspricht einer Variablen. Wenn sie an ein Objekt gebunden ist, zeigt sie auf das Standardfensterobjekt Änderung an obj Objekt.

2. Die Funktion ist neu und ein neues Objekt wird erstellt. Dies zeigt auf das neue Objekt (auf wen auch immer ich verweisen werde)

var obj = new a();

Durch diese Anweisung wird ein neues Objekt erstellt, und dies zeigt in der Funktion auf obj.

3. Ändern Sie dies, um auf

1 zu zeigen: Methode anwenden

param1: Die Zeiger davon in der Show-Funktion param2: eine Sammlung []

Beispiel: aufgerufene Funktion name.apply(param1, param2);

Überprüfen Sie die erste Methode

var a = function(o) 
{ 
    alert(this == o); 
} 
var obj = {}; 
obj.fun = a; 
obj.fun(obj); //true
Nach dem Login kopieren
Einfach, wenden Sie sich einfach in einem Satz an

a.apply(obj,[obj]);
Nach dem Login kopieren
2. Aufrufmethode

param1: Der Zeiger davon in der Show-Funktionparam2: Der zweite Parameter beginnt mit den tatsächlichen Parametern der Show-Funktion
Beispiel: Aufgerufene Funktion name.call(param1,param2,param3);

a.call(obj,obj);
Nach dem Login kopieren

Einfaches Beispiel:

Stile zu mehreren Elementen über die Each-Funktion hinzufügen

function each(tagName, callback) {   
    var lists = document.getElementsByTagName(tagName);   
    for (var i = 0; i < lists.length; i++) {   
        callback.apply(lists[i]);   
    }   
}   
each("a", function () {   
    this.style.background = "#ccc";   
}
Nach dem Login kopieren
Das Obige ist der gesamte Inhalt dieses Artikels , Wenn Sie noch nicht viel darüber wissen, können Sie es ganz einfach meistern, indem Sie beide Seiten selbst umsetzen!



Verwandte Empfehlungen:

Vier dieser Wertmodi in JS

Vier Bindung Formen davon in Javascript-Funktionen

Das obige ist der detaillierte Inhalt vonVerschiedene Möglichkeiten, den Hinweis in JavaScript 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage