20 praktische JavaScript-Kenntnisse zum Teilen_Javascript-Kenntnisse-js-Tutorial-php.cn

20 praktische JavaScript-Kenntnisse zum Teilen_Javascript-Kenntnisse

WBOY

Freigeben： 2016-05-16 16:29:55

Original

1346 Leute haben es durchsucht

Wie wir alle wissen, ist JavaScript eine sehr beliebte Programmiersprache, mit der sich nicht nur beeindruckende Webprogramme entwickeln lassen, sondern auch einige mobile Anwendungen (wie PhoneGap oder Appcelerator). , wie NodeJS, Wakanda und andere Implementierungen. Darüber hinaus wählen viele Entwickler JavaScript als Einstiegssprache und verwenden es, um kleine Dinge wie Popup-Fenster zu erstellen.

In diesem Artikel teilt Ihnen der Autor JavaScript-Entwicklungstipps, Best Practices und andere sehr praktische Inhalte mit. Egal, ob Sie ein Front-End-Entwickler oder ein serverseitiger Entwickler sind, Sie sollten sich diese Tipps ansehen. Sie werden Ihnen auf jeden Fall zugute kommen.

Die in diesem Artikel bereitgestellten Codeausschnitte wurden mit der neuesten Version von Chrome 30 getestet, die die V8-JavaScript-Engine (V8 3.20.17.15) verwendet.

1. Wenn Sie einer Variablen zum ersten Mal einen Wert zuweisen, vergessen Sie nicht das Schlüsselwort var

Weisen Sie einer nicht deklarierten Variablen einen Wert zu, und die Variable wird automatisch als globale Variable erstellt. In der JS-Entwicklung sollten Sie die Verwendung globaler Variablen vermeiden.

2. Verwenden Sie ===, um ==

zu ersetzen

Und verwenden Sie niemals = oder! =.

Code kopieren Der Code 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 true == "a" ist falsch 

'' === false // ist false

3. Verwenden Sie Semikolon als Zeilenabschlusszeichen

Es ist eine gute Angewohnheit, Semikolons dort zu verwenden, wo Zeilen enden. Selbst wenn der Entwickler vergisst, ein Semikolon hinzuzufügen, hat der Compiler keine Ahnung, da der JavaScript-Parser es in den meisten Fällen automatisch hinzufügt.

4. Konstruktor erstellen

Code kopieren Der Code lautet wie folgt:

Funktion Person(Vorname, Nachname){ 

This.firstName = firstName; 

This.lastName = lastName; 

} 

var Saad = neue Person("Saad", "Mousliki");

5. Typ, Instanz und Konstruktor sollten sorgfältig verwendet werden

Code kopieren Der Code lautet wie folgt:

var arr = ["a", "b", "c"];
typeof arr; // return „object“ 

arr-Instanz des Arrays // true 

arr.constructor(); //[] 

6. Erstellen Sie eine selbstaufrufende Funktion

Dies wird oft als selbstaufrufende anonyme Funktion oder als unmittelbarer Funktionsausdruck (LLFE) bezeichnet. Wenn die Funktion erstellt wird, wird sie automatisch ausgeführt, z. B. wie folgt:

Code kopieren Der Code lautet wie folgt:

(function(){ 

// ein privater Code, der automatisch ausgeführt wird 

})(); 

(Funktion(a,b){ 

var result = a b;
Ergebnis zurückgeben; 

})(10,20)

7. Erstellen Sie ein zufälliges Element für das Array

Code kopieren Der Code 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 vielseitig, wenn Sie gefälschte Daten zum Testen generieren müssen, z. B. um einen Zufallswert vor dem Mindestgehalt und dem Höchstgehalt zu erhalten.

Code kopieren

Der Code lautet wie folgt:

var x = Math.floor(Math.random() * (max - min 1)) min;

9. Erzeugen Sie eine Reihe von Zufallszahlen zwischen der Zahl 0 und der Maximalzahl

Code kopieren Der Code lautet wie folgt:

var zahlenArray = [], max = 100;

for( var i=1; zahlenArray.push(i ) < max;); // zahlen = [0,1,2,3 ... 100]

10. Erzeugen Sie einen zufälligen Satz alphanumerischer Zeichen

Code kopieren Der Code lautet wie folgt:

Funktion genericRandomAlphaNum(len) {

var rdmstring = "";
for( ; rdmString.length < len; rdmString = Math.random().toString(36).substr(2));
Rückgabe rdmString.substr(0, len);

} 

11. Verschlüsseln Sie das digitale Array

Code kopieren

Der Code lautet wie folgt: var-Zahlen = [5, 458, 120, -215, 228, 400, 122205, -85411]; zahlen = zahlen.sort(function(){ return Math.random() - 0.5}); /* Die Array-Nummern sind beispielsweise gleich [120, 5, 228, -215, 400, 458, -85411, 122205] */

12. String-Tim-Funktion

Die Trim-Funktion kann Leerzeichen aus einer Zeichenfolge entfernen und kann in Java, C#, PHP und anderen Sprachen verwendet werden.

Code kopieren

Der Code lautet wie folgt: String.prototype.trim = function(){return this.replace(/^s |s $/g, "");};

13. Array anhängen

Code kopieren

Der Code 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. Parameterobjekt in Array konvertieren

Code kopieren

Der Code lautet wie folgt:

var argArray = Array.prototype.slice.call(arguments); 15. Überprüfen Sie, ob ein gegebener Parameter eine Zahl ist

Code kopieren

Der Code lautet wie folgt:

Funktion isNumber(n){ Rückgabe !isNaN(parseFloat(n)) && isFinite(n); } 16. Überprüfen Sie, ob ein gegebener Parameter ein Array ist

Code kopieren

Der Code lautet wie folgt:

Funktion isArray(obj){

Return Object.prototype.toString.call(obj) === '[object Array]' ; } Beachten Sie, dass Sie nicht die erwarteten Ergebnisse erhalten, wenn die toString()-Methode überschrieben wird. Oder Sie können so schreiben:

Code kopieren

Der Code lautet wie folgt:

Array.isArray(obj); // es ist eine neue Array-Methode

Wenn Sie mehrere Frames verwenden, können Sie auch Instanzen von verwenden. Wenn zu viel Inhalt vorhanden ist, ist das Ergebnis ebenfalls falsch.

Code kopieren

Der Code 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 funktioniert nicht korrekt, myArray verliert seinen Konstruktor 

// Konstruktor wird nicht zwischen Frames geteilt 

arr instanceof Array; // false

17. Holen Sie sich die Maximal- und Minimalwerte aus dem numerischen Array

Code kopieren Der Code 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

Code kopieren Der Code lautet wie folgt:

var myArray = [12, 222, 1000]; myArray.length = 0; // myArray ist gleich [].

19. Verwenden Sie „Delete“ nicht, um Elemente aus einem Array zu löschen

Entwickler können „Split“ anstelle von „Delete“ verwenden, um Array-Elemente zu löschen. Anstatt undefinierte Elemente in einem Array zu löschen, verwenden Sie stattdessen delete.

Code kopieren

Der Code lautet wie folgt: var items = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ]; items.length; // return 11

Elemente löschen[3]; // true zurückgeben

items.length; // return 11 

/* Elemente sind gleich [12, 548, „a“, undefiniert × 1, 5478, „foo“, 8852, undefiniert × 1, „Doe“, 2154, 119] */ 

Sie können auch...

Code kopieren

Der Code lautet wie folgt: var items = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ]; items.length; // return 11

items.splice(3,1) ;

items.length; // 10 zurückgeben 

/* Elemente sind gleich [12, 548, „a“, 5478, „foo“, 8852, undefiniert × 1, „Doe“, 2154, 119] */ 

Die Löschmethode sollte eine Objekteigenschaft löschen.

20. Verwenden Sie das Längenattribut, um das Array zu kürzen

Wie oben erwähnt, können Entwickler zum Löschen des Arrays auch das Längenattribut verwenden, um das Array zu verkürzen.

Code kopieren

Der Code 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 eingefügt. Die Längeneigenschaft des Arrays ist nicht schreibgeschützt. 

Code kopieren

Der Code lautet wie folgt: myArray.length = 10; // die neue Array-Länge beträgt 10 myArray[myArray.length - 1] ; // undefiniert