Rask Tips Det du kanskje ikke vet om JavaScript er logisk og operatør

I dagens videosnabbtips vurderer vi JavaScript 'logisk OG operatør. De av dere som bare begynner å komme inn i JavaScript, eller til og med et bibliotek som jQuery, kan kanskje ikke innse at de selv kan brukes som mikro hvis setninger!

Abonner på vår YouTube-side for å se alle videoopplæringene!

Eksempel 1: Generell bruk

 Eksempel 1 var a = 5, b = 10; hvis ((a === 5) && (b === 10)) alarm ('yay');  

De OG operatørens bruk i koden ovenfor er hva det store flertallet av oss er mest kjent med. Hvis en er lik 5, og b er lik 10, så gjør noe fantastisk, som å vise en varselboks som sier "Yay!"

Den høyre siden av && operatør vil bare Kjør hvis venstre side er lik ekte. Med det i tankene kan vi bruke dette til vår fordel!

Eksempel 2: Kontroller om et element eksisterer

I de fleste av mine AJAX-baserte applikasjoner vil det være et punkt der jeg må først avgjøre om et element med et bestemt id finnes innenfor DOM. Hvis det ikke gjør det, skal jeg lage det. Ellers vil jeg jobbe med elementet som allerede eksisterer. Vanligvis kan vi bruke en hvis uttalelse for denne typen oppgave.

 hvis (! document.getElementById ('innhold')) // så ring en funksjon som legger elementet inn i DOM. 

Alternativt kan vi bruke && operatør for å utføre denne oppgaven.

 !document.getElementById ('innhold') && createElem ('div', 'innhold', 'hallo verden'); 

Husk at den falske createElem funksjonen vil igjen, bare Kjør hvis venstre side er lik ekte. Tenk på det på denne måten: er det ekte at vi ikke kunne finne et element med et ID av innhold på siden? I så fall gå videre til høyre side. Nå hvis det er lik falsk, høyre side vil aldri løpe.

Eksempel 3: Laster jQuery lokalt

Ved gjennomgang av HTML5 Boilerplate merket jeg at Paul bruker en smart en-liner som muligens laster en lokal versjon av jQuery, hvis det av en eller annen grunn var en feil å laste ned filen fra CDN-en din.

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