10 parasta JavaScript-aloitusohjelmaa aloittelijoille
JavaScript-shorthands ei vain nopeuta koodausprosessia, vaan myös lyhentää komentosarjoja, mikä johtaa nopeammat sivun lataukset. Lyhyet koodit ovat yhtä päteviä kuin niiden pitkäaikaiset versiot; ne ovat olennaisesti se on sama asia-vain pienemmässä muodossa. Ne ovat yksi yksinkertaisimmista koodin optimointitekniikoista.
On olemassa useita JavaScript-lyhenteitä, kuitenkin sinulla ei ole virallista ohjetta. Jotkut ovat todella yksinkertaisia, kun taas toiset ovat hyvin uhkaavia myös kokeneille kehittäjille. Tässä artikkelissa voit löytää 10 JavaScript-ohjelmaa aloittelijoille jonka avulla voit aloittaa koodin optimoinnilla ja kirjoittaa tarkempaa koodia.
1. desimaaliluvut
Jos olet säännöllisesti työskentele suurten desimaalien kanssa tämä lyhytnimi voi olla hurskas, koska sinun ei tarvitse kirjoittaa kaikkia nollia enää, vain korvaa ne e merkintää. Esimerkiksi, 1e8 tarkoittaa kahdeksan nollan lisäämistä 1 numero, se vastaa 100000000.
Numero kirjaimen jälkeen e ilmaisee nollien lukumäärän jotka tulevat numeron (edellisten) jälkeen e. samoin, 16e4 on lyhenne 160000, jne.
/ * Shorthand * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Lisäys, vähennys
lisäys lyhenne koostuu kahdesta + merkkejä, se tarkoittaa, että muuttujan arvo on kasvaa yhdellä. Samoin vähennys-lyhenne koostuu kahdesta - merkkejä, ja se tarkoittaa, että muuttuja on pienenee yhdellä.
Näitä kahta lyhytosaa voidaan käyttää vain numerotyypeissä. Heillä on välttämätön rooli silmukoissa, ja niiden yleisin käyttötapa on varten silmukka.
/ * Shorthand * / i ++; j--; / * Pitkä ja * / i = i + 1; j = j-1;
3. Lisää, häiritse, kerro, jaa
Jokaiselle neljä perusmatemaattista toimintaa: lisäys, häiriötekijä, kertolasku ja jakaminen. Ne toimivat samoin kuin lisäys- ja vähennysoperaattorit, juuri täällä voit muuttaa muuttujan arvoa millä tahansa numerolla (ei vain yksi).
Alla olevassa esimerkissä minä muuttuja kasvaa 5, j pienenee 3, K kerrotaan arvolla 10, ja l on jaettu 2.
/ * Lyhytnimi * / i + = 5; j- = 3; k * = 10; l / = 2; / * Pitkä ja * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Määritä merkin sijainti
charAt () menetelmä on yksi yleisimmin käytetyistä merkkijonomenetelmistä, se palauttaa merkki tietyssä paikassa (esimerkiksi 5th merkkijonon luonne). Sen sijaan voit käyttää yksinkertaista lyhennelmää: lisäät merkkipaikka sulkeissa merkkijonon jälkeen.
Kiinnitä huomiota siihen, että charAt () menetelmä on nolla-pohjainen. Siksi, myString [4] palaa 5th merkkijono merkkijonossa"Y" esimerkissä).
var myString = "Hyvää syntymäpäivää"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4);
5. Ilmoita muuttujat irtotavarana
Jos haluat luoda useampia muuttujia samanaikaisesti sinun ei tarvitse kirjoittaa niitä yksitellen. Se riittää käyttämään var (tai päästää) avainsana vain kerran, sitten voit vain luetella muuttujat, jotka haluat luoda, erotetaan pilkulla.
Tällä lyhenteellä voit ilmoittaa molemmat määrittelemättömät muuttujat ja muuttujat, joilla on arvo.
/ * Shorthand * / var i, j = 5, k = "Hyvää huomenta", l, m = false; / * Longhand * / var i; var j = 5; var k = "Hyvää huomenta"; var l; var m = false;
6. Ilmoita assosiatiivinen ryhmä
Ryhmän ilmoittaminen JavaScriptissä on suhteellisen yksinkertainen tehtävä käyttämällä var myArray = ["omena", "päärynä", "oranssi"] syntaksi. kuitenkin, julistamalla assosiatiivinen ryhmä on hieman monimutkaisempi, kuten täällä, sinun ei tarvitse vain määritellä arvoja vaan myös avaimet (jos kyseessä on säännöllinen matriisi, avaimet ovat 0, 1, 2, 3 jne.).
Assosiatiivinen ryhmä on a avainarvoparien kokoelma. Pitkän matkan tapa on ilmoittaa ryhmä ja lisätä sitten jokainen elementti yksitellen. Alla olevalla lyhenteellä voit kuitenkin myös julistaa assosiatiivinen ryhmä plus kaikki sen elementit samaan aikaan.
Alla olevassa esimerkissä myArray assosiatiivinen taulukko määrittää syntymäpaikkansa (arvot) tunnetuille ihmisille (avaimet).
/ * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren": "Rooma", "Ingrid Bergman ":" Tukholma " / * Longhand * / var myArray = uusi Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Rooma"; myArray ["Ingrid Bergman"] = "Tukholma";
7. Ilmoita objekti
Lyhyesti esineilmoitus toimii samalla tavalla kuin assosiaatioryhmien tapauksessa. Tässä ei kuitenkaan ole avainarvopareja, vaan omaisuuden arvon parit että sinun täytyy sijoittaa olkaimet .
Ainoa ero stenogrammissa on se Objektin ominaisuudet eivät ole lainausmerkeissä (nimi, syntymäpaikka, ikä, wasJamesBond alla olevassa esimerkissä).
/ * Shorthand * / var myObj = nimi: "Sean Connery", paikkaOfBirth: "Edinburgh", ikä: 86, oliJamesBond: true; / * Longhand * / var myObj = uusi objekti (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = totta;
8. Käytä ehdollista operaattoria
ehdollinen (kolmivuotinen) operaattori käytetään usein pikavalinta tai muuten selvitys. Se koostuu kolme osaa:
- kunto
- mitä tapahtuu, jos ehto on totta (
jos) - mitä tapahtuu, jos ehto on väärä (
muu)
Alla olevassa esimerkissä lähetämme yksinkertaisen viestin ( viesti muuttuja) ihmisille, jotka haluavat tulla klubiin. Käyttämällä lyhytmuotoa, se on vain yksi rivi koodia suorita arviointi.
var-ikä = 17; / * Shorthand * / var message = ikä> = 18? "Sallittu": "Estetty"; / * Longhand * / if (ikä> = 18) var message = "Sallittu"; else var message = "Estetty";
Jos haluat testata sitä vain kopioi koodi web-konsoliin (F12 useimmissa selaimissa) ja muokkaa ikä muuttuja muutaman kerran.
9. Tarkista läsnäolo
Usein tapahtuu, että sinun täytyy tarkistaa, onko muuttuja läsnä tai ei. “jos läsnäolo on” lyhenne auttaa sinua tekemään niin paljon vähemmän koodia.
Varo, että useimmat JavaScript-shorthands-artikkelit eivät anna oikeaa pitkäkokoista muotoa jos (myVar) merkintä ei tarkista vain, onko muuttuja väärä, vaan myös muutamia muita asioita. Nimittäin muuttuja ei voi olla määrittelemätön, tyhjä, nolla ja väärä.
var myVar = 99; / * Shorthand * / if (myVar) console.log ("MyVar-muuttuja on määritelty JA se ei ole tyhjä JA ei ole nolla ja ei väärä."); / * Longhand * / jos (tyyppi myVar! == "undefined" & & myVar! == "" & & myVar! == null & & myVar! == 0 & & myVar! == false) console.log ("MyVar muuttuja on määritelty JA se ei ole tyhjä eikä ole nolla eikä väärä. "); Voit testata, miten “jos läsnäolo on” lyhytnäkymä toimii lisäämällä seuraava koodinpätkä web-konsoliin ja arvon muuttaminen myVar pari kertaa.
Jotta voisit ymmärtää, miten tämä lyhenne vastaa, kannattaa testata sitä arvoilla "" (tyhjä merkkijono), väärä, 0, totta, ei-tyhjä merkkijono (esim. "Hei"), numero (esim. 99) ja kun muuttuja on määrittelemätön (yksinkertaisesti var myVar;).
10. Tarkista poissaolo
“jos läsnäolo on” voidaan käyttää tarkista muuttujan puuttuminen asettamalla huutomerkki sen eteen. Huutomerkki on looginen eikä operaattori JavaScriptissä (ja useimmissa ohjelmointikielissä).
Siksi jos (! myVar) voit tarkistaa, onko myVar muuttuja ei ole määrittelemätön, tyhjä, nolla tai väärä.
var myVar; / * Shorthand * / if (! MyVar) console.warn ("MyVar-muuttuja on määrittelemätön (OR) tyhjä (OR) null (OR) false."); / * Longhand * / if (tyyppi myVar === "undefined" | | myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("MyVar-muuttuja on määrittelemätön (OR) tyhjä (OR) null (OR) false.");
