Topp 10 JavaScript Shorthands for nybegynnere

JavaScript shorthands ikke bare øke kodingsprosessen, men også lage skript kortere, derfor føre til raskere sidelaster. Shorthand koder er like gyldige som deres longhand versjoner; de egentlig står for det samme-bare i et mer kompakt format. De er en av de enkleste kodeoptimaliseringsteknikkene.

Det er flere JavaScript shorthands, men de har ikke en offisiell referanseguide. Noen er veldig enkle, mens andre er ganske skremmende selv for erfarne utviklere. I denne artikkelen finner du 10 JavaScript shorthands for nybegynnere som du kan starte med kodeoptimalisering og skrive mer kortfattet kode.

1. desimale tall

Hvis du regelmessig arbeid med store decimaler denne shorthand kan være godsend, siden du ikke trenger å skrive ut alle nuller lenger, bare erstatte dem med e notasjon. For eksempel, 1E8 betyr tillegg av åtte nuller etter 1 siffer, det tilsvarer 100000000.

Tallet etter brevet e angir antall nuller som kommer etter sifferet (e) før e. like måte, 16e4 er shorthand for 160000, etc.

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

2. Økning, reduksjon

De øke stenografi består av to + tegn betyr det at verdien av en variabel skal være økt med en. På samme måte, nedskrivning stenografi består av to - tegn, og det betyr at variabelen skal være dekrementert av en.

Disse to kortene kan brukes bare på numeriske datatyper. De har en uunnværlig rolle i looper, deres vanligste brukstilfelle er til sløyfe.

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

3. Legg til, distrahere, multiplisere, del

Det er en stenografi for hver av fire grunnleggende matematiske operasjoner: tillegg, distraksjon, multiplikasjon og divisjon. De fungerer på samme måte som inkrement og reduksjon operatører, bare her, kan du endre verdien av en variabel av noe nummer (ikke bare av en).

I eksemplet nedenfor, er Jeg variabel økes med 5, j er dekrementert av 3, k blir multiplisert med 10, og l er delt med 2.

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

4. Bestem tegnposisjon

De charAt () metode er en av de mest brukte strengmetodene, returnerer den tegn på en bestemt posisjon (for eksempel den 5^th karakter av en streng). Det er en enkel shorthand du kan bruke i stedet: du legger til tegnposisjon vedlagt i firkantede parenteser etter strengen.

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

 var myString = "Gratulerer med dagen"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4);

5. Erklær variabler i bulk

Hvis du vil opprette mer enn én variabel samtidig du trenger ikke å skrive dem ut en etter en. Det er tilstrekkelig å bruke Var (eller la) søkeord bare én gang, så kan du bare oppgi variablene du vil opprette, adskilt med komma.

Med denne shorthand kan du deklarere begge deler udefinerte variabler og variabler med en verdi.

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

6. Erklære en assosiativ matrise

Deklarere en matrise i JavaScript er en relativt enkel oppgave ved å bruke var myArray = ["apple", "pære", "oransje"] syntaks. derimot, erklære en assosiativ array er litt mer komplisert, som her, trenger du ikke bare å definere verdiene, men også tastene (i tilfelle vanlige arrays er nøklene 0, 1, 2, 3, etc..).

En assosiativ array er a samling av nøkkelverdier par. Longhand-måten er å deklarere arrayet, og deretter legge til hvert element ett etter ett. Men med shorthandet under, kan du også erklære den assosiative gruppen i tillegg til alle dens elementer samtidig.

I eksemplet nedenfor, er myArray associative array tildeler deres fødested (verdier) til kjente personer (nøkler).

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

7. Erklære et objekt

Shorthand for objektdeklarasjon fungerer på samme måte som den for tilknyttede arrays. Men her er det ikke nøkkelverdige par, men eiendom-verdi par at du må plassere mellom bøylene .

Den eneste forskjellen i korttonens syntaks er det Objektegenskaper er ikke vedlagt anførselstegn (Navn, fødselssted, alder, wasJamesBond i eksemplet nedenfor).

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

8. Bruk den betingede operatøren

De betinget (ternær) operatør brukes ofte som snarvei for if-else uttalelse. Det består av tre deler:

de tilstand
hva skjer hvis tilstanden er sant (hvis)
hva skjer hvis tilstanden er feil (ellers)

I eksemplet nedenfor sender vi en enkel melding (inne i budskap variabel) til folk som ønsker å gå inn i en klubb. Ved hjelp av shorthandformen er det bare en linje med kode til Kjør evalueringen.

 var alder = 17; / * Shorthand * / var message = alder> = 18? "Tillat": "Nektet"; / * Longhand * / if (alder> = 18) var message = "Allowed";  else var message = "Denied";

Hvis du vil teste det bare kopier koden til webkonsollen (F12 i de fleste nettlesere) og endre verdien av alder variabel noen ganger.

9. Kontroller tilstedeværelsen

Det skjer ofte at du må sjekke om en variabel er tilstede eller ikke. De “hvis tilstedeværelse” stenografi hjelper deg med å gjøre det med mye mindre kode.

Pass på at de fleste artikler på JavaScript shorthands ikke gir riktig longhand form, som hvis (myVar) notering kontrollerer ikke bare om variabelen ikke er feil, men også en håndfull andre ting. Nemlig, variabelen Kan ikke være udefinert, tom, null og falsk.

 var myVar = 99; / * Shorthand * / if (myVar) console.log ("MyVar-variabelen er definert OG den er ikke tom og ikke null og ikke feil.");  / * Longhand * / hvis (typeof myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("MyVar variabel er definert og den er ikke tom og ikke null og ikke feil. ");

Du kan teste hvordan “hvis tilstedeværelse” shorthand fungerer ved å sette inn følgende kodestykke i webkonsollen og endrer verdien av myVar noen få ganger.

For å forstå hvordan denne shorthand fungerer, er det verdt å teste det med verdiene til "" (tom streng), falsk, 0, ekte, en ikke-tom streng (f.eks. "Hei"), et tall (f.eks. 99), og når variabelen er udefinert (bare var minVar;).

10. Sjekk fravær

De “hvis tilstedeværelse” stenografi kan brukes til sjekk fraværet av en variabel ved å plassere et utropstegn foran den. Utropstegnet er logisk ikke operatør i JavaScript (og i de fleste programmeringsspråk).

Derfor, med hvis (! myVar) notat, kan du sjekke om myVar variabel er ikke udefinert, tom, null eller falsk.

 var minVar; / * Shorthand * / hvis (! MyVar) console.warn ("MyVar-variabelen er udefinert (OR) tom (OR) null (OR) false.");  / * Longhand * / hvis (typeof myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === falskt) console.warn ("MyVar-variabelen er udefinert (OR) tom (OR) null (OR) false.");