Einführung in Setter- und Getter-Methoden in JavaScript

Setter und Getter in JavaScript sind Methoden, die im täglichen Leben selten verwendet werden. Sie sind selbst keine Standardmethoden und werden nur in Nicht-IE-Browsern unterstützt (z. B. verfügt der Kernel möglicherweise über andere Methoden? Ich weiß es nicht Lösung) , aber Sie können damit viele Dinge tun, wie zum Beispiel:

1. Zugriffsbeschränkungen auf Daten:

a.value ist der Getter-Methodenaufruf für die Wertvariable If Es wird in der Implementierung der Getter-Methode geworfen. Wenn eine Ausnahme auftritt, kann der Zugriff auf die Wertvariable blockiert werden

2. Überwachen Sie die Dom-Variable:

window.name ist eine sehr nützliche domänenübergreifende Funktion dom-Attribut (berühmt, siehe Baidu für Details) Wenn die Setter-Implementierung von window.name überschrieben wird, kann eine seitenübergreifende asynchrone Kommunikation im Speicher erreicht werden

3. Lassen Sie Ihrer Fantasie freien Lauf, es gibt viele Dinge, die Sie tun können

Das Folgende wird wiedergegeben:
Lassen Sie uns zunächst einen kurzen Blick darauf werfen, was Getter und Setter sind und warum sie nützlich sind. Schauen wir uns dann an, welche Plattformen derzeit Gettets und Setters unterstützen.

Getter und Setter

Getter und Setter ermöglichen es Ihnen, die Daten eines Objekts schnell abzurufen oder festzulegen. Im Allgemeinen verfügt ein Objekt über zwei Methoden, mit denen ein bestimmter Wert abgerufen und festgelegt wird, z. B.:

{
getValue: function(){
return this._value;
},
setValue: function(val){
this._value = val;
}
}

Ein offensichtlicher Vorteil beim Schreiben von JavaScript auf diese Weise ist: Sie können damit Eigenschaften ausblenden dass Sie keinen direkten Zugang zu Außenstehenden wünschen. Der endgültige Code sieht wie folgt aus (unter Verwendung eines Abschlusses, um den Wert des neu erstellten Field-Objekts zu speichern):

function Field(val){
var value = val;
this.getValue = function(){
return value;
};
this.setValue = function(val){
value = val;
};
}

Wir können ihn also so verwenden:

var field = new Field("test");
field.value
// => undefined
field.setValue("test2")
field.getValue()
// => "test2"

Let's simulieren Für das „hidden value attribute“ im obigen Beispiel sieht unser Code so aus:

function Field(val){
var value = val;
this.__defineGetter__("value", function(){
return value;
});
this.__defineSetter__("value", function(val){
value = val;
});
}

Sie schreiben jedoch nicht gerne so, sondern definieren lieber Getter und Setter (private Variablen). ) im Prototyp des Objekts (es spielt keine Rolle, wo Sie es schreiben), können wir eine andere Syntax verwenden.

function Field(val){
this.value = val;
}
Field.prototype = {
get value(){
return this._value;
},
set value(val){
this._value = val;
}
};

Diese Syntax mag seltsam erscheinen, aber nachdem man sie eine Weile verwendet hat, ist es leicht, sie zu akzeptieren.

Das Folgende ist ein weiteres Beispiel, das es der Außenwelt ermöglicht, ein Benutzernamen-Array abzurufen, aber nicht das ursprüngliche, versteckte Benutzerobjekt erhalten kann.

function Site(users){
this.__defineGetter__("users", function(){
// JS 1.6 Array map()
return users.map(function(user){
return user.name;
});
};
}

Beachten Sie die folgenden Punkte:

In einem Objekt kann jede Variable nur einen Getter oder Setter haben. (Wert kann also einen Getter und einen Setter haben, aber der Wert hat nie zwei Getter)
Die einzige Möglichkeit, einen Getter oder Setter zu löschen, ist: Objekt[Name] löschen. delete kann einige allgemeine Eigenschaften, Getter und Setter löschen.
Wenn Sie __defineGetter__ oder __defineSetter__ verwenden, überschreibt es den zuvor definierten Getter oder Setter mit demselben Namen, sogar die Eigenschaft.

Plattform

Unterstützte Browser sind:

Firefox
Safari 3+
Opera 9.5

Das Obige wird vom Herausgeber gegeben. Das Ganze Ich hoffe, dass die Beschreibung der von Ihnen eingeführten Setter- und Getter-Methoden für Sie hilfreich ist. Wenn Sie mehr wissen möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Weitere Artikel zur Einführung von Setter- und Getter-Methoden in JavaScript finden Sie auf der chinesischen PHP-Website!