JavaScript-Tutorial: Methoden zur Optimierung von JavaScript-Kenntnissen für abgekürzte Anweisungen

UglifyJS ist ein Tool zum Komprimieren und Verschönern von Javascript. In seiner Dokumentation habe ich mehrere Methoden zur Optimierung von if-Anweisungen gesehen. Obwohl ich es nicht für einige vorläufige Tests verwendet habe, können Sie hier sehen, dass es js verschönert. Manche Leute denken vielleicht, dass die if-Anweisung so einfach ist. Inwieweit kann sie optimiert werden? Aber werfen Sie einen Blick auf die folgenden Möglichkeiten und vielleicht ändern Sie Ihre Meinung.

1. Verwenden Sie gängige ternäre Operatoren

if (foo) bar(); else foo?bar():baz();
if (!foo) bar(); ; foo?baz():bar();
if (foo) return bar(); else return baz(); ==>

Sie werden auf jeden Fall mit der oben beschriebenen Verwendung des ternären Operators zur Optimierung von if-Anweisungen vertraut sein, vielleicht verwenden Sie ihn oft.

Beispiel von Script House:

Code kopieren Der Code lautet wie folgt:

<script><br>var i =9<br>var ii=(i>8)?100:9;<br>alert(ii);<br></script>

Ausgabeergebnis:

100

2. Verwenden Sie die Operatoren and(&&) und or(||)

if (foo) bar(); ==> foo&&bar();

if (!foo) bar();

Um ehrlich zu sein, habe ich diesen Schreibstil noch nie gesehen, als ich „Brother Niaos Linux Private Cooking“ studierte, aber ich hatte nicht erwartet, ihn in js zu implementieren.

3. Lassen Sie die geschweiften Klammern weg {}

if (foo) return bar(); else Something(); ==> {if(foo)return bar();something()}

Sie und ich sind mit dieser Schreibmethode vertraut, ich empfehle jedoch, dies bei der Optimierung des Codes zu tun oder sich von UglifyJS bei der Lösung helfen zu lassen. Denn wenn eine geschweifte Klammer fehlt, ist die Lesbarkeit des Codes nicht gut.

Als ich dies schrieb, dachte ich an eine Methode zum Erhalten von HTML-Elementattributen in „Mastering JavaScript“ vom Vater von jQuery.

function getAttr(el, attrName){

var attr = {'for':'htmlFor', 'class':'className'}[attrName] || attrName;
};

Wenn wir es nicht auf diese Weise schreiben, müssen wir möglicherweise zwei if-Anweisungen verwenden, um es zu verarbeiten. Der obige Code ist nicht nur prägnant und effektiv, sondern auch gut lesbar.

Wenn Sie sorgfältig darüber nachdenken, können wir oft effektive Wege finden, um Probleme zu lösen, aber der Schlüssel liegt darin, ob wir gewissenhaft bei der Suche nach einem besseren Weg sind.

[Javascript-Kenntnisse] if(x==null) Abkürzung

if(x==null) oder if (typeof (x) == 'undefiniert') kann wie if(!x) abgekürzt werden, was nicht überprüft wird.

Im Gegenteil, wenn (x) bedeutet, dass x nicht leer ist

Bestimmen Sie, ob das Objekt existiert

Code kopieren Der Code lautet wie folgt:

if(document.form1.softurl9){
//Bestimmen Sie, ob softurl9 vorhanden ist, um js-Fehler zu verhindern
}

Code kopieren Der Code lautet wie folgt:

if(document.getElementById("softurl9" )){
//Bestimmen Sie, ob softurl9 vorhanden ist, um js-Fehler zu verhindern
}

Zusätzlich:

Javascript ||. && Abkürzung, wenn

Code kopieren Der Code lautet wie folgt: