Sieben Vorsichtsmaßnahmen für das Lernen von JavaScript [Muss]

Wissensbeschreibung:

Achten Sie beim Erlernen von JavaScript auf die folgenden sieben Details, um unseren Code zu verstehen und effizienter bei der Implementierung derselben Funktion zu gestalten.

1. Vereinfachen Sie den Code

Zum Beispiel: Erstellen Sie ein Objekt

Es war so vorher:

Var car = new Object ();

Car.color = "rot";

Auto.Weels = 4;

Co.age = 8;

Und jetzt kann es so geschrieben werden:

Var car = {Farbe: 'rot', Räder: 4, Alter: 8}

Zum Beispiel: Erstellen Sie ein Array

Es war so vorher:

Var studentArray = new array ('zhangsan', 'lisi', 'zhaowu', 'wuliu');

Und jetzt kann es so geschrieben werden:

Var studentArray = {'zhangsan', 'lisi', 'zhaowu', 'wuliu'};

Zum Beispiel: Vereinfachen Sie den Code mithilfe der ternären Operatoren

Die vorherige Schreibmethode war:

 Var result; if (x> 100) {result = 1;} else {result = -1;}

Und jetzt kann es geschrieben werden als:

Var result = x> 100? 1: -1;

2. Verwenden Sie JSON als Datenformat

Verwenden Sie das JSON -Format, um Daten zu speichern:

 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", "Rolle": "Lead Gitarre"}], "Jahr": "2009"}

Sie können JS auch verwenden, um Daten zu speichern. Der Code lautet wie folgt:

 <div id = "datadiv"> </div> <script> Funktion gespeichert (data) {var out = "<ul>"; Für (var i = 0; i <data.length; i ++) {out+= "<li> <a href =" '+data [i] .url+' ">+data [i] .d+</a> </li>";} out+= '</ul>';

Sie können sogar die von JS oben als Rückgabewert der API generierten Speicherdaten verwenden

<script src = "http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious">

</script>

3.. Versuchen Sie, native JavaScript -Funktionen zu verwenden

Zum Beispiel: Holen Sie sich den maximalen Wert in einer Datenmenge

var maxdata = math.max (0,20,50,10);

Alarm (maxdata); // Das Maximum zurückgegeben ist 50

Zum Beispiel: Verwenden Sie JS, um einem Element Klassenstil hinzuzufügen. Das Code -Snippet lautet wie folgt:

 Funktion addClass (ELM, NewClass) {var classes = elm.className.split (''); Classes.push (NewClass); Elm.className = classes.join ('');};

4. Ereignisverantwortung

Zum Beispiel:

 <h2> großartige Webressourcen </h2> <ul id = "ressourcen"> <li> <a href = "http://opera.com/wsc"> Opera Web StandardsCurriculum </a> </li> <li> <a href = "http://sitepoint.com"> sitpoint </a> </li> </li> </li> </li> <ali> href = "http://alistapart.com"> eine Liste auseinander </a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> </li> <li> <a href = "http://blameitonthevoices"> Blame it it it it on thevoices </li ^ ^ ^> "> Blame it it on thevoices <li ^ ^ ^ ^>"; href = "http://oddlyspecific.com"> Seltsamerweise spezifisch </a> </li> </ul>

Beste Möglichkeit, Skripte zu schreiben:

 (function () {var ressourcen = document.getElementById ('Ressourcen'); Ressourcen.AdDeventListener ('Click', Handler, False); Funktion Handler (e) {var x = e.target; // Holen Sie sich den Link, der (x.nodename.tolowerClea) {) {) {) {) {) {) {{) Ereignis ('Ereignis:' + x); };}) ();

V. Anonyme Funktionen

 var myApplication = function () {var name = 'chris'; var age = '34'; var status = 'Single'; Funktion CreateMember () {// [...]} Funktion getMemberDetails () {// [...]} return {create: createmember, get: getMemberDetails}} (); // MyApplication.get () und MyApplication.create () funktionieren jetzt.

6. Der Code kann konfiguriert werden

Wenn der von Ihnen geschriebene Code es anderen erleichtern möchte, zu verwenden oder zu ändern, muss er konfigurierbar sein. Die Lösung besteht darin, dem von Ihnen geschriebenen Skript ein Konfigurationsobjekt hinzuzufügen. Die wichtigsten Punkte sind wie folgt:

1. Fügen Sie Ihrem Skript ein neues Objekt hinzu, das als Konfiguration bezeichnet wird.

2. Speichern Sie alle Dinge, die andere Personen im Konfigurationsobjekt ändern möchten, z. B. die CSS -ID, Klassenname, Sprache usw.

3. Gibt dieses Objekt als öffentliches Eigentum zurück, damit andere es neu schreiben können.

7. Codekompatibilität

Kompatibilität ist ein Teil, den Anfänger wahrscheinlich ignorieren. Normalerweise werden sie beim Erlernen von JavaScript in einem festen Browser getestet, und dieser Browser ist wahrscheinlich der IE, was sehr tödlich ist, da unter den wichtigsten Mainstream -Browsern die schlechteste Unterstützung für Standards hat. Das Ergebnis, das Endbenutzer sehen, ist, dass der von Ihnen geschriebene Code in einem Browser nicht korrekt ausgeführt wird. Sie sollten Ihren Code in Mainstream-Browsern testen, die zeitaufwändig sein können, aber Sie sollten es tun.

Die obigen sieben Vorsichtsmaßnahmen für das Erlernen von JavaScript [Must Read] sind alle Inhalte, die ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.