Top 10 JavaScript Shorthands for begyndere

JavaScript shorthands ikke kun fremskynde kodingsprocessen, men også gøre scripts kortere, derfor føre til hurtigere sidebelastninger. Shorthand koder er lige så gyldige som deres longhand versioner; de i det væsentlige står for det samme-kun i et mere kompakt format. De er en af de enkleste kodeoptimeringsteknikker.

Der er flere JavaScript shorthands, men de Har ikke en officiel referencevejledning. Nogle er virkelig enkle, mens andre er ret skræmmende selv for erfarne udviklere. I denne artikel kan du finde 10 JavaScript shorthands til begyndere som du kan starte med kodeoptimering og skrive mere kortfattet kode.

1. Decimale tal

Hvis du regelmæssigt arbejde med store decimaler denne stenografi kan være gud, da du ikke længere skal skrive alle nuller, skal du bare erstatte dem med e notation. For eksempel, 1E8 betyder tilsætning af otte nuller efter 1 cifret, det svarer til 100000000.

Nummeret efter brevet e angiver antallet af nuller der kommer efter cifferet (r) før e. Ligeledes, 16e4 er shorthand for 160000, etc.

 / * Stenografi * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;

2. Forøgelse, reduktion

Det stigning stenografi består af to + tegn betyder det, at værdien af en variabel skal være øges med en. Tilsvarende nedskrivning stenografi består af to - tegn, og det betyder, at variablen skal være dekrementeret af en.

Disse to stenarter kan bruges kun på numeriske datatyper. De har en uundværlig rolle i sløjfer, deres hyppigste anvendelsesformål er til løkke.

 / * Stenografi * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;

3. Tilføj, distrahere, formere, opdele

Der er en stenografi for hver af de fire grundlæggende matematiske operationer: addition, distraktion, multiplikation og division. De fungerer på samme måde som inkrement og reduktion operatører, lige her kan du ændre værdien af en variabel med et hvilket som helst nummer (ikke kun af en).

I eksemplet nedenfor er jeg variabel øges med 5, j er nedsat af 3, k multipliceres med 10, og l er delt med 2.

 / * Stenografi * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;

4. Bestem tegnposition

Det charAt () metode er en af de mest anvendte strengmetoder, returnerer den tegn på en bestemt position (for eksempel den 5^th karakter af en streng). Der er en simpel stenografi, du kan bruge i stedet: Du tilføjer tegnposition indesluttet i firkantede parenteser efter strengen.

Vær opmærksom på at charAt () metoden er nulbaseret. Derfor, myString [4] vil returnere 5^th tegn i strengen ("Y" i eksemplet).

 var myString = "Tillykke med fødselsdagen"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4);

5. Erklære variabler i bulk

Hvis du vil oprette mere end én variabel på samme tid du behøver ikke at skrive dem ud en efter en. Det er tilstrækkeligt at bruge Var (eller lade) søgeord kun én gang, så kan du bare liste de variabler, du vil oprette, adskilt af et komma.

Med denne stenografi kan du erklære begge dele udefinerede variabler og variabler med en værdi.

 / * Shorthand * / var jeg, j = 5, k = "God morgen", l, m = false; / * Longhand * / var i; var j = 5; var k = "god morgen"; var l; var m = false;

6. Erklære en associativ array

Deklarering af en matrix i JavaScript er en relativt enkel opgave ved at bruge var myArray = ["apple", "pære", "orange"] syntaks. Imidlertid, erklære en associativ array er lidt mere kompliceret, som her skal du ikke blot definere værdierne, men også tasterne (i tilfælde af regelmæssige arrays er nøglerne 0, 1, 2, 3 osv.).

Et associativt array er a indsamling af nøgleværdipar. Den lange måde er at deklarere arrayet og derefter tilføje hvert element en efter en. Men med stenografi nedenunder kan du også erklære det associative array plus alle dens elementer på samme tid.

I eksemplet nedenfor er myArray associative array tildeler deres fødested (værdier) til berømte personer (nøgler).

 / * Stenografi * / var myArray =  "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York", "Sophia Loren": "Rom", "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = nyt Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Rom"; myArray ["Ingrid Bergman"] = "Stockholm";

7. Erklære et objekt

Shorthand for objekt erklæring fungerer på samme måde som den for associative arrays. Men her er der ikke nøgleværdiepar, men ejendomsværdipar at du skal placere mellem bøjlerne .

Den eneste forskel i stenografi syntax er det Objektegenskaber er ikke indeholdt i citatmærker (navn, fødselssted, alder, wasJamesBond i eksemplet nedenfor).

 / * Stenografi * / var myObj = navn: "Sean Connery", placeOfBirth: "Edinburgh", alder: 86, wasJamesBond: true; / * Longhand * / var myObj = nyt objekt (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;

8. Brug den betingede operatør

Det betinget (ternær) operatør bruges ofte som genvej til hvis ellers udmelding. Det består af tre dele:

det tilstand
Hvad sker der, hvis tilstand er sandt (hvis)
Hvad sker der, hvis tilstand er falsk (andet)

I eksemplet nedenfor sender vi en simpel besked (inde i besked variabel) til personer, der ønsker at komme ind i en klub. Ved hjælp af shorthandformularen er det kun en linje med kode til Kør evalueringen.

 var alder = 17; / * Shorthand * / var message = alder> = 18? "Tilladt": "Nægtet"; / * Longhand * / hvis (alder> = 18) var message = "Allowed";  else var message = "Denied";

Hvis du vil teste det bare kopier koden til webkonsollen (F12 i de fleste browsere) og ændre værdien af alder variabel et par gange.

9. Kontroller tilstedeværelsen

Det sker ofte, at du skal kontrollere, om en variabel er nuværende eller ej. Det “hvis tilstedeværelse” stenografi hjælper dig med at gøre det med meget mindre kode.

Pas på, at de fleste artikler på JavaScript shorthands ikke giver den rigtige longhand form, som hvis (myVar) notation kontrollerer ikke blot, om variablen ikke er falsk, men også en håndfuld andre ting. Nemlig, variablen kan ikke være udefineret, tom, null og falsk.

 var myVar = 99; / * Shorthand * / if (myVar) console.log ("MyVar-variablen er defineret OG den er ikke tom og ikke null og ikke falsk.");  / * Hånden * / if (typeof myVar! == "udefineret" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ( "The myVar variabel er defineret og den er ikke tom og ikke null og ikke falsk. ");

Du kan teste hvordan “hvis tilstedeværelse” stenografi fungerer ved at indsætte følgende kodestykke i webkonsollen og ændre værdien af myVar et par gange.

For at forstå, hvordan denne stenografi virker, er det værd at teste det med værdierne af "" (tom streng), falsk, 0, rigtigt, en ikke-tom streng (f.eks. "Hej"), et tal (f.eks. 99), og når variablen er undefined (simpelthen var minVar;).

10. Kontroller fraværet

Det “hvis tilstedeværelse” stenografi kan bruges til kontrollere manglen på en variabel ved at placere et udråbstegn foran det. Udråbstegn er logisk ikke operatør i JavaScript (og i de fleste programmeringssprog).

Derfor, med hvis (! myVar) notation, kan du kontrollere om myVar variabel er ikke udefineret, tom, null eller falsk.

 var minVar; / * Stenografi * / if (myVar!) Console.warn ( "The myVar variabel er udefineret (OR) tom (OR) null (OR) falsk.");  / * Hånden * / if (typeof myVar === "udefineret" || myVar === "" || myVar === null || myVar === 0 || myVar === falsk) console.warn ("MyVar-variablen er udefineret (OR) tom (OR) null (OR) false.");