Wie man Objektliterale und die Vorteile der Definition ausgibt
1. Es gibt zwei Möglichkeiten, Objektliterale auszugeben: traditionell. und Array -Methode, aber bei Ausgabe in der Array -Methode sollten quadratische Klammern in Anführungszeichen beigefügt sein, wie z.
var box = {name: 'ABC'; Alter: 28}; alert (box ['name']);Methoden für Objekte definieren,
A: Wenn Sie die traditionelle Art der Definition eines Objekts verwenden, müssen Sie zuerst die Methode definieren und dem Methodennamen einem Attribut des Objekts dann zuweisen. Wenn Sie diese Methode ohne Klammern aufrufen möchten, geben Sie den Methodencode zurück. Wenn Sie diese Methode aufrufen und dem Objektattribut Klammern hinzufügen möchten, erhalten Sie den Rückgabewert der Methode.
Funktion objrun () {return '123';} var box = new Object (); box.name = 'abc'; box.age = 28; box.run = objrun; alert (box.run ()); // Das Ergebnis ist 123 // alarm (box.run); // Das Ergebnis ist Funktion objrun () {return '123'; } // if box.run = objrun (); // alert (box.run); // Das Ergebnis ist 123. Wenn Klammern enthalten sind, wird ein Fehler gemeldetB: Definieren Sie es mit einem wörtlichen Wert . Schreiben Sie einfach eine Funktion direkt auf die Eigenschaft des Objekts. Es gibt keinen Funktionsnamen in dieser Funktion. Es ist eine anonyme Funktion . Wie nennen Sie diese Methode? Verwenden Sie den Eigenschaftsnamen des Objekts und rufen Sie die Methode auf, genau wie oben.
wie:
var box = {name: 'abc', Alter: 28, run: function () {return '123'; }} alert (box.run ());2. Die Definition von Objektliteralen kann leicht die Situation lösen, in der eine große Anzahl von Funktionsparametern einzeln ausgeben muss. Seine Gegenmaßnahme besteht darin, ein Objekt an die Funktion zu übergeben, und dieses Objekt wird wörtlich definiert. Die entsprechenden Methoden von Attributen und Werten können auf einen Blick deutlich gesehen werden , da die Funktion nur ein Stück Code ist und zur Ausführung aufgerufen werden muss
wie:
Funktion aa (obj) {alert (obj.name); alert (obj.age);} var obj = {name: 'ABC', Alter: 28} aa (obj);JS -Objektliteral -Demo
/** * @Author ZHANGHUA */var literal = {add: function () {alert ("add"); }, del: function () {alert ("delete"); }, update: function () {alert ("update"); }, Name: "Zhangsan", CallLiteral: function () {// Für Aufrufe des aktuellen buchstäblichen Objekts dieses Schlüsselwort this.add (); }};HTML -Datei:
<? xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <titels> literal--literal </title> <script = "text/text/" text/"text/" text/"text/" text/"text/" text/"text/" text/"text/" text/" src = "jslib/literal.js"> </script> </head> <body> <Eingabe type = "button" value = "add" onclick = "JavaScript: literal.Add ()"/> <Eingabe type = "button" value = "delete" onclick = "Javascript: literal.del ()"/> <Putschtyps "". onclick = "literal.update ()"/> <Eingabe type = "button" value = "name" onclick = "JavaScript: alert (literal.name)"/> <Eingabe type = "button" value = "update" onclick = "buchstäblich type = "button" value = "name" onclick = 'javaScript: alert (buchstäblich ["name"])' "/> <Eingabe type =" button "value =" caller "onclick = 'javaScript: bucher.calllitereral ()' '"/> </body> </html>
Das obige ist der gesamte Inhalt dieses Artikels. Weitere Informationen zu JavaScript finden Sie unter: "JavaScript Reference Tutorial" und "JavaScript Code Style Guide". Ich hoffe auch, dass jeder wulin.com mehr unterstützt.