10 geriausių „JavaScript“ versijų pradedantiesiems
„JavaScript“ trumpiniai ne tik pagreitina kodavimo procesą, bet ir trumpina scenarijus, todėl atsiranda greitesnė puslapio apkrova. Trumpojo kodo kodai yra lygiai tokie pat galingi kaip ir jų ilgalaikių versijų; jie iš esmės laikytis to paties dalyko-tik kompaktiškesniu formatu. Jie yra vienas iš paprasčiausių kodo optimizavimo būdų.
Yra keletas „JavaScript“ „shorthands“, tačiau jie neturite oficialaus nuorodos. Kai kurie iš jų yra labai paprasti, o kiti yra gana bauginantys net patyrusiems kūrėjams. Šiame straipsnyje galite rasti 10 „JavaScript“ versijų pradedantiesiems su kuria galite pradėti su kodo optimizavimu ir rašyti glaustesnį kodą.
1. Dešimtainiai skaičiai
Jei nuolat dirbti su dideliais dešimtainiais skaičiais šis trumpinys gali būti dieviškas, nes jums nereikia įvesti visų nulių, tiesiog pakeiskite juos e žymėjimas. Pavyzdžiui, 1e8 reiškia aštuonių nulio pridėjimą po 1 skaitmuo, jis lygus 100000000.
Numeris po raidės e nurodo nulio skaičių kurie yra po skaitmenų (-ių) anksčiau e. taip pat, 16e4 yra trumpinys 160000, ir kt.
/ * Shorthand * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Padidėjimas, sumažėjimas
The prieaugis sudaro du + tai reiškia, kad kintamojo vertė turi būti padidėjo vienu. Panašiai ir mažinimo santrauka susideda iš dviejų - tai reiškia, kad kintamasis turi būti sumažėjo vienu.
Galima naudoti šias dvi eilutes tik skaitiniais duomenų tipais. Jie turi neatsiejamą vaidmenį kilpose, dažniausias jų naudojimo atvejis yra dėl kilpa.
/ * Shorthand * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;
3. Pridėti, atitraukti, dauginti, padalinti
Kiekvienam iš jų yra trumpinys keturios pagrindinės matematinės operacijos: papildymas, atitraukimas, dauginimas ir dalijimasis. Jie dirba panašiai kaip prieaugio ir mažėjimo operatoriai, tiesiog čia galite pakeisti kintamojo vertę bet kuriuo numeriu (ne tik vienas).
Toliau pateiktame pavyzdyje i kintamasis padidinamas 5, j sumažėja 3, k padauginama iš 10, ir l yra padalintas iš 2.
/ * Trumpalaikis * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Nustatykite simbolių padėtį
The charAt () metodas yra vienas iš dažniausiai naudojamų eilutės metodų, jis grąžina tam tikroje vietoje (pavyzdžiui, 5th eilutės pobūdis). Yra paprastas trumpas tekstas, kurį galite naudoti vietoj to: pridėkite simbolių pozicija, pridedama į skliaustelius po eilutės.
Atkreipkite dėmesį, kad charAt () metodas yra nulinis. Todėl, myString [4] grąžins 5th simbolis eilutėje („y“ pavyzdyje).
var myString = "Laimingas gimtadienis"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4);
5. Atskleiskite kintamuosius urmu
Jei norite sukurti daugiau nei vieno kintamojo jums nereikia juos įvesti po vieną. Pakanka naudoti var (arba leisti) raktinis žodis tik vieną kartą, tada galite tiesiog išvardyti kintamuosius, kuriuos norite sukurti, atskirtas kableliu.
Su šia santrauka galite deklaruoti abu neapibrėžti kintamieji ir kintamieji, kurių vertė yra.
/ * Shorthand * / var i, j = 5, k = "Labas rytas", l, m = false; / * Longhand * / var i; var j = 5; var k = "Geras rytas"; var l; var m = false;
6. Pripažinkite asociatyviąją masyvą
Masyvo deklaravimas „JavaScript“ yra gana paprasta užduotis, naudojant var myArray = ["obuolys", "kriaušės", "apelsinas"] sintaksė. Tačiau, asociatyviosios masyvo paskelbimas yra šiek tiek sudėtingesnis, kaip čia, jūs ne tik turite nustatyti vertes, bet ir raktus (jei yra reguliariai matomi raktai, 0, 1, 2, 3 ir kt.).
Asociatyvinė matrica yra a pagrindinių vertės porų rinkimas. Ilgalaikis būdas yra nurodyti masyvą, po to kiekvieną elementą pridėti po vieną. Tačiau, su žemiau pateiktu trumpiniu, taip pat galite paskelbti asociatyviąją masyvą plius visus jos elementus Tuo pačiu metu.
Toliau pateiktame pavyzdyje myArray asociatyvus masyvas priskiria savo gimimo vietą (vertybes) žinomiems žmonėms (raktai).
/ * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Franciskas", "Humphrey Bogart": "Niujorkas", "Sophia Loren": "Roma", "Ingrid" Bergman ":" Stokholmas " / * Longhand * / var myArray = naujas Array (); myArray ["Grace Kelly"] = "Filadelfija"; myArray ["Clint Eastwood"] = "San Franciskas"; myArray ["Humphrey Bogart"] = "Niujorkas"; myArray ["Sophia Loren"] = "Roma"; myArray ["Ingrid Bergman"] = "Stokholmas";
7. Pripažinkite objektą
Stenografija objekto deklaracija veikia panašiai kaip asociatyvių matricų atveju. Tačiau čia nėra pagrindinės vertės porų, bet turto vertės poros kad jums reikia įdėti tarp petnešų .
Vienintelis stenografijos sintaksės skirtumas yra tas, kad Objekto ypatybės nėra įtrauktos į kabutes (vardas, Gimimo vieta, amžiaus, buvoJamesBond žemiau pateiktame pavyzdyje).
/ * Shorthand * / var myObj = pavadinimas: "Sean Connery", vietaOfBirth: "Edinburgas", amžius: 86, buvoJamesBond: true; / * Longhand * / var myObj = naujas objektas (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgas"; myObj.age = 86; myObj.wasJamesBond = tiesa;
8. Naudokite sąlyginį operatorių
The sąlyginis (trijų) operatorius dažnai naudojamas kaip spartusis klavišas jei-dar pareiškimas. Tai susideda iš trijų dalių:
- sąlyga
- kas atsitiks, jei sąlyga yra teisinga (
jei) - kas atsitiks, jei sąlyga yra klaidinga (
Kitas)
Toliau pateiktame pavyzdyje mes siunčiame paprastą pranešimą (viduje pranešimą kintamas) žmonėms, norintiems patekti į klubą. Naudojant trumpąją formą, tai tik viena eilutė atlikti vertinimą.
var amžiaus = 17; / * Trumpalaikis * / var pranešimas = amžius> = 18? „Leidžiama“: „Neleidžiama“; / * Longhand * / if (amžius> = 18) var message = "Leidžiama"; else var message = "Neleidžiama";
Jei norite tai patikrinti nukopijuokite kodą į interneto konsolę (F12 daugelyje naršyklių) ir modifikuoti amžiaus kintamas kelis kartus.
9. Patikrinkite buvimą
Dažnai pasitaiko, kad reikia patikrinti, ar kintamasis yra ar ne. The “jei yra” santrauka padeda jums tai padaryti su daug mažiau kodo.
Būkite atsargūs, kad dauguma straipsnių apie „JavaScript“ trumpiklius nesuteikia tinkamos ilgos formos, kaip jei (myVar) žymėjimas ne tik patikrina, ar kintamasis nėra klaidingas, bet ir kiti dalykai. Būtent kintamasis negali būti neapibrėžtas, tuščias, nulinis ir klaidingas.
var myVar = 99; / * Shorthand * / if (myVar) console.log („Nustatytas„ myVar “kintamasis IR tai nėra tuščias IR ne nulis IR ne klaidingas.)); / * Longhand * / if (myVar tipo! == "neapibrėžta" & & myVar! == "" & & myVar! == null & & myVar! == 0 & & myVar! == false) console.log ("MyVar kintamasis yra apibrėžtas IR tai nėra tuščias IR nulinis IR ne klaidingas. "); Galite patikrinti, kaip “jei yra” santrauka veikia įterpiant šį kodo fragmentą į interneto konsolę ir pakeitus vertę myVar keletą kartų.
Norint suprasti, kaip šis trumpasis darbas veikia, verta jį išbandyti „“ (tuščia eilutė), klaidinga, 0, tiesa, ne tuščią eilutę (pvz.,. „Sveiki“), skaičius (pvz.,. 99) ir kai kintamasis yra neapibrėžtas (tiesiog var myVar;).
10. Patikrinkite, ar nėra
The “jei yra” gali būti naudojamas trumpas tekstas patikrinkite kintamojo nebuvimą pateikiant prieš jį paspaudus. Šaukinys yra logiškas, o ne operatorius „JavaScript“ (ir daugelyje programavimo kalbų).
Todėl su jei (! myVar) galite patikrinti, ar myVar kintamasis nėra neapibrėžtas, tuščias, nulinis arba klaidingas.
var myVar; / * Shorthand * / if (! MyVar) console.warn ("MyVar kintamasis yra neapibrėžtas (OR) tuščias (OR) null (OR) false."); / * Longhand * / if (tipo myVar === "neapibrėžta" || myVar === "" | | myVar === null || myVar === 0 || myVar === false) console.warn ("MyVar kintamasis yra neapibrėžtas (OR) tuščias (OR) null (OR) false.");
