Schneller Tipp Was Sie möglicherweise nicht über den logischen AND-Operator von JavaScript wissen

In dem heutigen Kurztipp für Videos werden wir die Logik von JavaScript überprüfen UND Operator. Diejenigen von Ihnen, die gerade erst anfangen, sich mit JavaScript oder einer Bibliothek wie jQuery zu beschäftigen, wissen möglicherweise nicht, dass sie sogar als micro-if-Anweisungen verwendet werden können!

Abonniere unsere YouTube-Seite, um alle Video-Tutorials anzusehen!

Beispiel 1: Allgemeine Verwendung

 // BEISPIEL 1 var a = 5, b = 10; if ((a === 5) && (b === 10)) alert ('yay');  

Das UND Die Verwendung des Bedieners im obigen Code ist für die große Mehrheit von uns am besten bekannt. Ob ein gleich 5, und b gleich 10, Dann machen Sie etwas Großartiges, wie z. B. eine Warnmeldung mit der Aufschrift "Yay!".

Die rechte Seite der && Betreiber wird nur laufen, wenn die linke Seite gleich ist wahr. In diesem Sinne können wir dies zu unserem Vorteil nutzen!

Beispiel 2: Prüfen, ob ein Element vorhanden ist

In den meisten meiner AJAX-basierten Anwendungen gibt es einen Punkt, an dem ich zunächst feststellen muss, ob ein Element ein bestimmtes Element hat Ich würde existiert im DOM. Wenn nicht, werde ich es erstellen. Ansonsten arbeite ich mit dem bereits vorhandenen Element. Im Allgemeinen können wir eine verwenden ob Anweisung für diese Art von Aufgabe.

 if (! document.getElementById ('contents')) // ruft dann eine Funktion auf, die das Element in das DOM einfügt. 

Alternativ können wir das verwenden && Bediener, um diese Aufgabe auszuführen.

 !document.getElementById ('contents') && createElem ('div', 'contents', 'hallo Welt'); 

Erinnere dich an diese Fälschung createElem Funktion wird wieder, nur laufen, wenn die linke Seite gleich ist wahr. Betrachten Sie es so: Ist es so? wahr dass wir kein Element mit einer ID von finden konnten Inhalt auf der Seite? Wenn ja, dann weiter nach rechts. Nun, wenn es gleich ist falsch, die rechte Seite wird noch nie Lauf.

Beispiel 3: Lokales Laden von jQuery

Bei der Überprüfung der HTML5-Boilerplate fiel mir auf, dass Paul einen intelligenten Einzeiler verwendet, der möglicherweise eine lokale Version von jQuery lädt, wenn aus irgendeinem Grund ein Fehler beim Herunterladen der Datei von Ihrem bevorzugten CDN aufgetreten ist.

 !window.jQuery && document.write (''