Astuce ce que vous ignorez peut-être sur l'opérateur AND logique et JavaScript

Dans le conseil vidéo d'aujourd'hui, nous allons passer en revue la logique de JavaScript. ET opérateur. Ceux d'entre vous qui commencent tout juste à entrer dans JavaScript, ou même dans une bibliothèque comme jQuery, peuvent ne pas se rendre compte qu'ils peuvent même être utilisés comme micro déclarations si!

Abonnez-vous à notre page YouTube pour voir tous les tutoriels vidéo!

Exemple 1: utilisation générale

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

le ET L'utilisation de l'opérateur dans le code ci-dessus est ce que la grande majorité d'entre nous connaissons le mieux. Si une équivaut à 5, et b équivaut à dix, puis faire quelque chose de génial, comme afficher une boîte d'alerte qui dit: "Yay!"

Le côté droit de la && opérateur sera seulement courir si le côté gauche est égal à vrai. Dans cet esprit, nous pouvons utiliser cela à notre avantage!

Exemple 2: Vérifier si un élément existe

Dans la plupart de mes applications basées sur AJAX, il y aura un moment où je devrai d'abord déterminer si un élément avec une identifiant existe dans le DOM. Si ce n'est pas le cas, je le créerai. Sinon, je travaillerai avec l'élément qui existe déjà. En règle générale, nous pouvons utiliser un si déclaration pour ce genre de tâche.

 if (! document.getElementById ('contents')) // appelle ensuite une fonction qui insère l'élément dans le DOM. 

Alternativement, nous pouvons utiliser le && opérateur pour accomplir cette tâche.

 !document.getElementById ('contenu') && createElem ('div', 'contenu', 'hello world'); 

Rappelez-vous, ce faux createElem fonction sera, encore, seulement courir si le côté gauche est égal à vrai. Pensez-y de cette façon: est-ce vrai que nous ne pouvions pas trouver un élément avec un identifiant de Contenu sur la page? Si c'est le cas, passez ensuite du côté droit. Maintenant, si c'est égal à faux, le côté droit jamais courir.

Exemple 3: Chargement de jQuery localement

Lors de l'examen du Boilerplate HTML5, j'ai remarqué que Paul utilisait une ligne intelligente qui pouvait potentiellement charger une version locale de jQuery si, pour une raison quelconque, le téléchargement du fichier à partir du CDN de votre choix était erroné.

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