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

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

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

a.apply(obj,[obj]);

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);

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";   
}

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!