Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung, wie JavaScript Attribute und Methodeninstanzen für Objekte hinzufügt, ändert oder löscht

Ausführliche Erläuterung, wie JavaScript Attribute und Methodeninstanzen für Objekte hinzufügt, ändert oder löscht

伊谢尔伦
Freigeben: 2017-07-21 09:45:58
Original
1861 Leute haben es durchsucht

Beschreibt das Hinzufügen, Ändern oder Löschen von Eigenschaften und Methoden für ein Objekt. In anderen Sprachen kann ein einmal generiertes Objekt nicht mehr geändert werden. Um geänderte Mitglieder zu einem Objekt hinzuzufügen, muss es in der entsprechenden Klasse geändert und erneut instanziiert werden, und das Programm muss neu kompiliert werden. Dies ist bei JavaScript nicht der Fall, das einen flexiblen Mechanismus zum Ändern des Verhaltens von Objekten bietet und Eigenschaften und Methoden dynamisch hinzufügen, ändern und löschen kann. Verwenden Sie beispielsweise zunächst die Klasse Object, um einen leeren Objektbenutzer zu erstellen:

var user=new Object();
Nach dem Login kopieren

1. Attribute hinzufügen
Zu diesem Zeitpunkt verfügt das Benutzerobjekt über keine Attribute und Methoden, was offensichtlich keinen Nutzen hat. Sie können ihm jedoch dynamisch Attribute und Methoden hinzufügen, zum Beispiel:

user.name=”jack”;
user.age=21;
user.sex=”male”;
Nach dem Login kopieren

Durch die obige Anweisung verfügt das Benutzerobjekt über drei Attribute: Name, Alter und Geschlecht. Geben Sie diese drei Anweisungen unten aus:

alert(user.name);
alert(user.age);
alert(user.sex);
Nach dem Login kopieren

Aus dem Code-Ausführungseffekt ist ersichtlich, dass die drei Attribute vollständig zum Benutzerobjekt gehören.

2. Hinzufügen von Methoden
Der Prozess des Hinzufügens von Methoden ähnelt dem von Attributen:

user.alert=function(){
alert(“my name is:”+this.name);
}
Nach dem Login kopieren

Dadurch wird dem Benutzerobjekt eine „Methodenwarnung“ hinzugefügt Pop-up. Zeigen Sie Ihren Namen an:

user.alert();
Nach dem Login kopieren

3. Attribute ändern
Der Prozess der Änderung eines Attributs besteht darin, das alte Attribut durch ein neues Attribut zu ersetzen, zum Beispiel:

user.name=”tom”;
user.alert=function(){
alert(“hello,”+this.name);
}
Nach dem Login kopieren

Auf diese Weise werden der Wert und die Alarmmethode von Wenn das Namensattribut des Benutzerobjekts geändert wird, ändert es sich von der Anzeige „Mein Name ist“ zur Anzeige „Hallo“.

4. Attribute löschen
Das Löschen eines Attributs ist ebenfalls sehr einfach, indem es auf undefiniert gesetzt wird:

user.name=undefined;
user.alert=undefined;
Nach dem Login kopieren

Auf diese Weise werden das Namensattribut und die Alarmmethode gelöscht. Später im Code sind diese Eigenschaften nicht mehr verfügbar.
Beim Hinzufügen, Ändern oder Löschen von Attributen können Sie wie bei Referenzattributen auch die Syntax in eckigen Klammern ([]) verwenden:

user[“name”]=”tom”;
Nach dem Login kopieren

Es gibt eine zusätzliche Funktion bei der Verwendung dieser Methode. Das heißt, Sie können Zeichenfolgen, die keine Bezeichner sind, als Attributnamen verwenden. Beispielsweise dürfen
Bezeichner nicht mit Zahlen oder Leerzeichen beginnen, sie können jedoch in der Syntax in eckigen Klammern ([]) verwendet werden:

user[“my name”]=”tom”;
Nach dem Login kopieren

Es ist zu beachten, dass bei Verwendung dieses Nichtidentifikators als Attribut eines Namens dieser weiterhin in eckige Klammern gesetzt werden muss:

alert(user[“my name”]);
Nach dem Login kopieren

, dies ist jedoch nicht möglich geschrieben als:

alert(user.my name);
Nach dem Login kopieren

Mit dieser Eigenschaft von Objekten ist es sogar einfach, eine einfache Hash-Tabelle zu implementieren, und Sie werden ihre Anwendung später in diesem Buch sehen. Es ist ersichtlich, dass jedes Objekt in JavaScript dynamisch variabel ist, was der Programmierung große Flexibilität verleiht und sich auch stark von anderen Sprachen unterscheidet.

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung, wie JavaScript Attribute und Methodeninstanzen für Objekte hinzufügt, ändert oder löscht. 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