Wie wir alle wissen, ist JavaScript eine sehr beliebte Programmiersprache. Entwickler können es verwenden, um nicht nur schillernde Webprogramme zu entwickeln, sondern auch einige mobile Anwendungen (z. B. PhoneGap oder AppCelerator) zu entwickeln. Es verfügt auch über einige Server -Implementierungen wie NodeJS, Wakanda und andere Implementierungen. Darüber hinaus wählen viele Entwickler JavaScript als Einführungssprache und verwenden sie, um kleine Dinge wie Popups zu erstellen.
In diesem Artikel wird der Autor Ihnen die kleinen Tipps, Best Practices und andere sehr praktische Inhalte der JavaScript -Entwicklung mitgeben. Egal, ob Sie ein Front-End-Entwickler oder ein Serverentwickler sind, Sie sollten sich diese kleinen Tipps ansehen, sie werden Ihnen auf jeden Fall zugute kommen.
Die im Artikel bereitgestellten Codeausschnitte wurden in der neuesten Version von Chrome 30 getestet, die die V8 JavaScript -Engine (V8 3.20.17.15) verwendet.
1. Vergessen Sie nicht das VAR -Schlüsselwort, wenn Sie zum ersten Mal einen Wert einer Variablen zuweisen
Weisen Sie einer nicht deklarierten Variablen einen Wert zu, der automatisch als globale Variable erstellt wird. In der JS -Entwicklung sollten globale Variablen vermieden werden.
2. Verwendung === Ersatz ==
Und benutze niemals = oder! =.
Die Codekopie lautet wie folgt:
[10] === 10 // ist falsch
[10] == 10 // ist wahr
'10' == 10 // ist wahr
'10' === 10 // ist falsch
[] == 0 // ist wahr
[] === 0 // ist falsch
'' == false // ist wahr, aber wahr == "a" ist falsch
'' === false // ist falsch
3.. Verwenden Sie ein Semikolon als Linien -Terminator
Es ist eine gute Angewohnheit, Semikolone zu verwenden, bei denen die Linien endet, und selbst wenn der Entwickler vergisst, Semikolonen hinzuzufügen, hat der Compiler keine Hinweise, da der JavaScript -Parser sie in den meisten Fällen automatisch hinzufügt.
4. Erstellen Sie einen Konstruktor
Die Codekopie lautet wie folgt:
Funktionsperson (FirstName, LastName) {
this.firstname = FirstName;
this.lastName = LastName;
}
var saad = neue Person ("saad", "musliki");
5. Achten Sie darauf, Typen, Instanz und Konstruktor zu verwenden
Die Codekopie lautet wie folgt:
var arr = ["a", "b", "c"];
Typof arr; // "Objekt" zurückgeben "
arr Instance von Array // true
arr.Constructor (); // []
6. Erstellen Sie eine Selbsthalterfunktion
Dies wird oft als anonyme Funktion oder eine sofortige Aufruffunktion Ausdruck (LLE) bezeichnet. Wenn eine Funktion erstellt wird, wird sie automatisch ausgeführt, z. B. die folgenden:
Die Codekopie lautet wie folgt:
(Funktion(){
// ein privater Code, der automatisch ausgeführt wird
}) ();
(Funktion (a, b) {
var result = a+b;
Rückgabeergebnis;
}) (10,20)
7. Erstellen Sie ein zufälliges Element für das Array
Die Codekopie lautet wie folgt:
var items = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2145, 119];
var randomItem = items [math.floor (math.random () * items.length)];
8. Erhalten Sie eine Zufallszahl in einem bestimmten Bereich
Der folgende Code ist sehr häufig, wenn Sie gefälschte Daten zum Testen generieren müssen, z. B. einen zufälligen Wert vor dem Mindestlohn und maximal.
Die Codekopie lautet wie folgt:
var x = math.floor (math.random () * (max - min + 1)) + min;
9. Generieren Sie eine Reihe von Zufallszahlen zwischen der Zahl 0 und der maximalen Zahl
Die Codekopie lautet wie folgt:
var numnernArray = [], max = 100;
für (var i = 1; numberArray.push (i ++) <max;); // nummern = [0,1,2,3 ... 100]
10. Generieren Sie einen zufälligen Satz alphanumerischer Zeichen
Die Codekopie lautet wie folgt:
Funktionsgenaterandomalphanum (Len) {
var rdmstring = "";
für (; rdmstring.length <len; rdmstring += math.random (). tostring (36) .substr (2));
return rdmstring.substr (0, len);
}
11. Stören Sie die Anzahl der Zahlen
Die Codekopie lautet wie folgt:
VAR -Zahlen = [5, 458, 120, -215, 228, 400, 122205, -85411];
numbers = numbers.sort (function () {return math.random () - 0.5});
/ * Die Array -Nummern sind beispielsweise gleich gegenüber [120, 5, 228, -215, 400, 458, -85411, 122205] */////
12. String TIM -Funktion
Die Trim -Funktion kann Whitespace -Zeichen in Saiten löschen und kann in mehreren Sprachen wie Java, C#und PHP verwendet werden.
Die Codekopie lautet wie folgt:
String.Prototype.trim = function () {return this.replace (/^/s+|/s+$/g, "");};
13.Array Append
Die Codekopie lautet wie folgt:
var array1 = [12, "foo", {name "joe"}, -2458];
var array2 = ["doe", 555, 100];
Array.Prototype.push.Apply (Array1, Array2);
/ * array1 ist gleich [12, "foo", {name "joe"}, -2458, "doe", 555, 100] */
14. Parameterobjekte in Array konvertieren
Die Codekopie lautet wie folgt:
var argarray = array.prototype.lice.call (Argumente);
15. Überprüfen Sie, ob ein bestimmter Parameter eine Zahl ist
Die Codekopie lautet wie folgt:
Funktion isNumber (n) {
return! isnan (parsefloat (n)) && isfinite (n);
}
16. Stellen Sie sicher, dass ein bestimmter Parameter ein Array ist
Die Codekopie lautet wie folgt:
Funktion isArray (obj) {
return Object.Prototype.toString.call (obj) === '[Objektarray]';
}
Beachten Sie, dass Sie das erwartete Ergebnis nicht erhalten, wenn die Methode toString () neu geschrieben wird.
Oder Sie können Folgendes schreiben:
Die Codekopie lautet wie folgt:
Array.isArray (obj); // Es ist eine Neuarray -Methode
Wenn Sie mehrere Frames verwenden, können Sie InstancesOF verwenden, und wenn zu viel Inhalt vorhanden ist, ist das Ergebnis auch Fehler.
Die Codekopie lautet wie folgt:
var myframe = document.createelement ('iframe');
document.body.appendchild (MyFrame);
var myarray = window.frames [window.frames.length-1] .Array;
var arr = new myarray (a, b, 10); // [a, b, 10]
// Instanz von wird nicht richtig funktionieren, Myarray verliert seinen Konstruktor
// Konstruktor wird nicht zwischen den Frames geteilt
arr Instance von Array; // FALSCH
17. Erhalten Sie maximale und minimale Werte aus der Array von Zahlen
Die Codekopie lautet wie folgt:
VAR -Zahlen = [5, 458, 120, -215, 228, 400, 122205, -85411];
var maxinnumbers = math.max.Apply (Math, Zahlen);
var mininnumbers = math.min.apply (Math, Zahlen);
18. Löschen Sie das Array
Die Codekopie lautet wie folgt:
var myarray = [12, 222, 1000];
myarray.length = 0; // myarray wird gleich [] sein.
19. Verwenden Sie nicht löschen, um Elemente aus Array zu löschen
Entwickler können Split verwenden, anstatt das Löschen von Array -Elementen zu verwenden. Verwenden Sie stattdessen stattdessen Löschen undefinierter Elemente im Array.
Die Codekopie lautet wie folgt:
var items = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
items.länge; // Rückkehr 11
Elemente löschen [3]; // true zurückgeben
items.länge; // Rückkehr 11
/ * Elemente sind gleich [12, 548, "a", undefined × 1, 5478, "Foo", 8852, undefined × 1, "doe", 2154, 119] */
Es ist in Ordnung ...
Die Codekopie lautet wie folgt:
var items = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
items.länge; // Rückkehr 11
items.splice (3,1);
items.länge; // Rückkehr 10
/ * Elemente sind gleich [12, 548, "A", 5478, "Foo", 8852, undefined × 1, "Doe", 2154, 119] *///
Die Löschmethode sollte eine Objekteigenschaft löschen.
20. Verwenden Sie das Längenattribut, um das Array zu verkürzen
Wie oben erwähnt, können Entwickler auch das Längenattribut verwenden, um das Array zu verkürzen.
Die Codekopie lautet wie folgt:
var myarray = [12, 222, 1000, 124, 98, 10];
myarray.length = 4; // myarray ist gleich [12, 222, 1000, 124].
Wenn der von Ihnen definierte Array -Längenwert zu hoch ist, ändert sich die Länge des Arrays und einige undefinierte Werte werden in das Array ausgefüllt. Die Länge Eigenschaft des Arrays ist nicht schreibgeschützt.
Die Codekopie lautet wie folgt:
myarray.length = 10; // Die Neuarraylänge beträgt 10
myarray [myarray.length - 1]; // undefiniert