Sieben JavaScript-Kenntnisse (2)_Javascript-Kenntnisse

Der letzte Artikel hat Ihnen die Sieben JavaScript-Fähigkeiten (2) vorgestellt. Ich schreibe schon seit langer Zeit JavaScript-Code und kann mich nicht einmal daran erinnern, wann ich angefangen habe. Ich bin sehr begeistert von dem, was JavaScript in den letzten Jahren erreicht hat; ich hatte das Glück, von diesen Errungenschaften profitieren zu dürfen. Ich habe eine ganze Reihe von Artikeln, Kapiteln und ein Buch darüber geschrieben, und dennoch entdecke ich immer noch Neues über die Sprache. Was folgt, ist eine Beschreibung von Programmiertechniken, die mich in der Vergangenheit dazu gebracht haben, „Ah!“ zu sagen, und es sind Techniken, die Sie jetzt ausprobieren sollten, anstatt darauf zu warten, irgendwann in der Zukunft auf sie zu stoßen.

var band = {
　　 "name":"The Red Hot Chili Peppers",
　　 "members":[
　　 {
　　 "name":"Anthony Kiedis",
　　 "role":"lead vocals"
　　 },
　　 {
　　 "name":"Michael 'Flea' Balzary",
　　 "role":"bass guitar, trumpet, backing vocals"
　　 },
　　 {
　　 "name":"Chad Smith",
　　 "role":"drums,percussion"
　　 },
　　 {
　　 "name":"John Frusciante",
　　 "role":"Lead Guitar"
　　 }
　　 ],
　　 "year":""
　　 }

Sie können JSON direkt in JavaScript verwenden, es in eine Funktion kapseln oder es sogar als Rückgabewert einer API verwenden. Wir nennen dies JSON-P und viele APIs verwenden dieses Formular. Sie können einen Datenanbieter aufrufen und JSON-P-Daten direkt im Skriptcode zurückgeben:

01　
12　

Hiermit wird die von der Delicious-Website bereitgestellte Webdienstfunktion aufgerufen, um die aktuelle ungeordnete Lesezeichenliste im JSON-Format abzurufen. ​

Grundsätzlich ist JSON die portabelste Methode zur Beschreibung komplexer Datenstrukturen und kann im Browser ausgeführt werden. ​

Sie können es sogar in PHP mit der Funktion json_decode() ausführen. ​

In JavaScript integrierte Funktionen (Math, Array und String)　

Eine Sache, die mich überrascht hat, ist, dass ich beim Studium der Mathematik- und String-Funktionen in JavaScript festgestellt habe, dass sie meine Programmierarbeit erheblich vereinfachen können. ​

Mit ihnen können Sie komplexe Schleifenverarbeitung und bedingte Beurteilung einsparen. ​

Wenn ich beispielsweise eine Funktion implementieren muss, um die größte Zahl in einem Zahlenarray zu finden, habe ich die Schleife wie folgt geschrieben:

 var numbers =
　　[,,,,];
　　 var max = ;
　　 for(var i=;i
　　 if(numbers[i]
　　> max){
　　 max = numbers[i];
　　 }
　　 }
　　 alert(max);

Wir können dies ohne Schleife erreichen:

 var numbers =

　　[,,,,];
　　 numbers.sort(function(a,b){return b -
　　a});
　　 alert(numbers[]);

Es ist zu beachten, dass Sie ein Array mit numerischen Zeichen nicht sort() verwenden können, da es in diesem Fall nur in alphabetischer Reihenfolge sortiert wird. ​
Wenn Sie mehr über die Verwendung erfahren möchten, können Sie diesen guten Artikel über sort() lesen. ​

Eine weitere interessante Funktion ist Math.max(). ​

Diese Funktion gibt die größte Zahl unter den Zahlen im Parameter zurück:

Math.max(12,123,3,2,433,4); // returns 433　

Da diese Funktion Zahlen prüft und die größte zurückgibt, können Sie sie verwenden, um die Browserunterstützung für eine Funktion zu testen:

 var scrollTop=
　　Math.max(
　　 doc.documentElement.scrollTop,
　　 doc.body.scrollTop
　　 );

Dies wird verwendet, um IE-Probleme zu lösen. Sie können den scrollTop-Wert der aktuellen Seite abrufen, aber abhängig vom DOCTYPE auf der Seite speichert nur eine der beiden oben genannten Eigenschaften diesen Wert und die andere Eigenschaft ist undefiniert, sodass Sie dies mithilfe von Math.max erhalten können () Nummer. ​

Lesen Sie diesen Artikel und Sie erhalten mehr Wissen über die Verwendung mathematischer Funktionen zur Vereinfachung von JavaScript. ​

Ein weiteres Paar sehr nützlicher Funktionen zum Bearbeiten von Zeichenfolgen sind split() und join(). Ich denke, das repräsentativste Beispiel ist das Schreiben einer Funktion zum Anhängen von CSS-Stilen an Seitenelemente. ​

Dies ist der Fall. Wenn Sie eine CSS-Klasse an ein Seitenelement anhängen, ist es entweder die erste CSS-Klasse dieses Elements oder es sind bereits einige Klassen vorhanden Hängen Sie dann diese Klasse an. Und wenn Sie diese Klasse entfernen möchten, müssen Sie auch das Leerzeichen vor der Klasse entfernen (dies war in der Vergangenheit sehr wichtig, da einige alte Browser Klassen, auf die Leerzeichen folgten, nicht erkannten).

Der Originaltext würde also so aussehen:

 function addclass(elm,newclass){
　　 var c =
　　elm.className;
　　 elm.className = (c === '') ? newclass : c+' '+newclass;
　　 }　　你可以使用 split() 和 join() 函数自动完成这个任务： function addclass(elm,newclass){
　　 var classes =
　　elm.className.split(' ');
　　 classes.push(newclass);
　　 elm.className = classes.join(' ');
　　 }　　

Dadurch wird sichergestellt, dass alle Klassen durch Leerzeichen getrennt sind und die Klasse, die Sie anhängen möchten, am Ende platziert wird.

Das ist kurzsichtiges Verhalten. Toolkits können Ihnen bei der schnellen Entwicklung helfen, aber wenn Sie JavaScript nicht tiefgreifend verstehen, können Sie auch etwas falsch machen.

Speichern von Daten im JSON-Format

Bevor ich JSON entdeckte, habe ich alle möglichen verrückten Methoden verwendet, um Daten in den nativen Datentypen von JavaScript zu speichern, wie Arrays, Strings, gemischt mit einfach zu teilenden Symbolen und anderen verwirrenden, fiesen Dingen.

Nachdem Douglas Crockford JSON erfunden hatte, änderte sich alles.

Mit JSON können Sie JavaScript-eigene Funktionen verwenden, um Daten in komplexen Formaten zu speichern, und sie können ohne zusätzliche Konvertierung direkt abgerufen und verwendet werden.

JSON ist die Abkürzung für „JavaScript Object Notation“, die die beiden oben genannten Abkürzungsmethoden verwendet.

Bei dem oben genannten Inhalt handelt es sich um die sieben JavaScript-Fähigkeiten, die der Herausgeber mit Ihnen geteilt hat. Ich hoffe, er gefällt Ihnen.