Turinys[Slėpti][Rodyti]
- 1. Tobulinkite savo pagrindines žinias
- 2. Pasinaudokite į objektą orientuota strategija
- 3. Pasinaudokite funkcijomis, net jei jos yra mažos
- 4. Vietoj == naudokite ===
- 5. Naudokite JSLint
- 6. Skriptai turi būti pateikiami puslapio apačioje
- 7. Greičiausias būdas pasidaryti eilutę
- 8. Pridėkite komentarą prie savo kodo
- 9. Naudokite šablonų raides
- 10. Iteratoriai ir … kilpų
- 11. Vietoj new Object() naudokite {}
- 12. Apsvarstykite galimybę į savo kodą įdėti let ir const
- 13. eval() Ar nėra gera idėja
- 14. Spread Operator pravers
- 15. laukti ir asinchronizuoti
- 16. Javascript programoje naudokite include() metodą
- 17. Pašalinkite elementus iš masyvo naudodami Splice
- 18. Pasinaudokite rodyklės funkcija
- 19. Su Destructuring galite greitai priskirti kintamąsias reikšmes
- 20. Padarykite kelis projektus
- Išvada
Jei kada nors domėjotės žiniatinklio kūrimu, tikriausiai susidūrėte su JavaScript. Objektinė programavimo kalba yra JavaScript. Kūrėjai jį naudoja, kad tinklalapiai būtų dinamiški ir interaktyvūs kliento pusėje.
Jis taip pat naudojamas kuriant tinklalapius ir žiniatinklio programas naudojant HTML ir CSS. Šiais laikais internete nėra tinklalapio, kuriame nebūtų JavaScript kodo. Tai tapo neatsiejamu kūrėjo darbo aspektu.
Tiesa, jis nuolat didėja. Nors „JavaScript“ geriausiai atpažįstama už tinklalapių funkcionalumą, jis taip pat naudojamas ne „JavaScript“ aplinkose. Node.js, Apache Couch-DB ir Adobe Acrobat yra šių technologijų pavyzdžiai. „JavaScript“ paleidimui daugelyje šiuolaikinių žiniatinklio naršyklių yra integruotas „JavaScript“ vykdymo variklis. Jei norite būti sėkmingas žiniatinklio kūrėjas, turėsite susidoroti su JavaScript.
Turite tai išspręsti šiandien arba rytoj. Kodėl neišmokus JavaScript iš anksto, kad būsite pasiruošę, kai ateis laikas?
Būtent to išmoksite šioje sesijoje. Jame paaiškinama, kaip būti vienu žingsniu priekyje savo kolegų žiniatinklio kūrėjų nušlifuojant „JavaScript“.
Pradėkime!
1. Tobulinkite savo pagrindines žinias
Pradėsiu nuo tikrai pagrindinės minties ir teiginio, kuriuos girdėjote nuo vaikystės. Išmokite pagrindus ir pritaikykite juos praktiškai. Daug kartų taikysite logiką koduodami, bet pamiršite, kad jai jau yra įmontuota funkcija, pvz., masyvo pjaustymas. Kai paleidžiate JavaScript kodą, galite gauti klaidą, todėl daugelis papildomų funkcijų nustoja veikti.
Tai gali sukelti vienas dvitaškis arba apversti kableliai. Šie dalykai atsiranda dėl pagrindinių dalykų nesupratimo. Daug kartų vienoje programoje naudojamas pagrindinis ciklas, pvz., for, kuris arba do while. Kilpos yra viena iš pagrindinių programavimo konstrukcijų.
Gana sunku užkoduoti ir netgi turėti galimybę dirbti įmonėje, jei nesate susipažinę su kilpų ir kitais pagrindais. Labai svarbu išsiaiškinti savo pagrindus, nes jie sudaro tvirtą pagrindą sudėtingai sprendimo logikai ir reputacijai kurti.
2. Pasinaudokite į objektą orientuota strategija
Objektinis metodas šiandien yra labiausiai žinomas programavimo metodas. Objektinis požiūris, prasidėjęs nuo C++, nuo to laiko nepaprastai išpopuliarėjo. Šiandien visoms pagrindinėms kalboms sukurti naudojamas tik objektinis programavimas. Į objektą orientuota strategija yra ta, kuri yra orientuota į konkretų objektą.
Tada daiktas tampa pagrindiniu subjektu. Tada šis objektas naudojamas atributams ir funkcijoms pridėti prie puslapio kaip pagrindo. Taip pat galite naudoti tradicinį kodo kūrimo iš viršaus į apačią metodą be jokių funkcijų ar objektų. Tai per daug plati ir niekada neturėtų būti bandoma. Kurdami kodą turėtume naudoti funkcinį metodą, o jei naudojame funkcijas, turėtume naudoti objektus.
Taigi iš pradžių stenkitės konvertuoti savo platų kodą į objektinį kodą ir visada parašykite kodą objektiniu stiliumi. Studijuodami kitų žmonių kodą, nuolat žiūrėsite į objektinius metodus. Jei norite įvaldyti „JavaScript“, geriausia, jei įvaldysite savo rankas.
3. Pasinaudokite funkcijomis, net jei jos yra mažos
Programavimas naudojant funkcinį metodą yra puikus būdas. Kodėl? Jis padalija jūsų programinę įrangą į modulius, kurie veikia kartu, bet vis tiek skiriasi vienas nuo kito. Pateiksiu pavyzdį, kuris padės suprasti.
Sveikųjų skaičių šaknies vidurkis kvadratas gali būti apskaičiuotas naudojant funkciją. Norėdami tai padaryti, turite padalyti sveikuosius skaičius kvadratu, apskaičiuoti jų vidurkį ir tada apskaičiuoti vidurkio kvadratinę šaknį. Yra trys proceso fazės. Dėl to galime naudoti tris funkcijas. Tačiau, kaip matote, visos šios funkcijos yra tarpusavyje susijusios. Vieno išvestis siunčiama kitam, ir mes gauname galutinį rezultatą.
Apsimeskime, kad vietoj trijų funkcijų jums tiesiog reikia vienos, kad apskaičiuotumėte RMS pagal kelis veiksnius. Galutinis sprendimas, kaip matote, yra neteisingas. Šiuo metu jums bus gana sunku nustatyti, kas nutiko tokio didelio įvykio metu.
Kita vertus, turėdami tris mažas funkcijas, galėsite greitai analizuoti. Dėl to, net jei funkcijos yra kuklios, naudokite jas atskiriems kodo moduliams apibrėžti. Ši technika padės jums tapti „JavaScript“ ekspertu kaip magija.
Dabar pažvelkime į kai kuriuos „JavaScript“ kodavimo patarimus.
4. Vietoj == naudokite ===
„JavaScript“ yra dviejų tipų lygybės operatoriai: griežti lygybės operatoriai === ir !== ir negriežti lygybės operatoriai == ir !=. Lyginant, geriausia praktika yra visada taikyti tikslią lygybę. Tačiau dirbdami su == ir != susidursite su problemomis, kai susiduriate su skirtingomis rūšimis.
Kai lyginamų verčių tipai skiriasi, negriežti operatoriai bandys priversti savo vertes, o tai gali sukelti netikėtų rezultatų.
5. Naudokite JSLint
Douglas Crockford sukūrė JSLint, derintuvą. Tiesiog įdėkite savo scenarijų į dėžutę ir jis greitai nuskaitys, ar nėra klaidų ar trūkumų.
JSLint tiria JavaScript šaltinio failą. Jei aptinkama problema, ji siunčia pranešimą su problemos aprašymu ir apytiksle vieta šaltinyje. Problema ne visada yra sintaksės klaida, nors taip dažnai būna.
JSLint nagrinėja ir stilistines normas, ir struktūrinius klausimus. Tai nereiškia, kad jūsų programinė įranga yra tiksli. Tai tiesiog prideda dar vieną akių porą, kad padėtų aptikti problemas. Prieš prisijungdami prie scenarijaus, paleiskite jį per JSLint, kad įsitikintumėte, jog nepadarėte klaidų.
6. Skriptai turi būti pateikiami puslapio apačioje
Pagrindinis vartotojo tikslas yra, kad puslapis būtų įkeltas kuo greičiau. Naršyklė negali toliau įkelti scenarijaus, kol nebus įkeltas visas failas. Dėl to vartotojas turės laukti ilgiau, kad pamatytų bet kokią pažangą.
Jei turite JS failų, kurie naudojami tik funkcijoms teikti (pavyzdžiui, kai paspaudžiamas mygtukas), įdėkite juos į puslapio apačią, prieš pat uždarymo turinio žymą. Tai neabejotinai geriausia praktika.
7. Greičiausias būdas pasidaryti eilutę
Kai reikia apsukti masyvą ar objektą, ne visada naudokite teiginį „Trusy for loop“. Pasitelkite savo vaizduotę, kad sugalvotumėte greičiausią užduoties sprendimą. Aš neketinu tau atnešti skaičių; tiesiog turėsite manimi pasitikėti (arba išbandyti patys).
Tai greičiausia technika.
8. Pridėkite komentarą prie savo kodo
Iš pradžių tai gali pasirodyti beprasmiška, bet patikėkite manimi, kai sakau, kad turėtumėte kuo dažniau komentuoti savo kodą. Ką daryti, jei po kelių mėnesių grįšite prie projekto ir negalite prisiminti savo pradinio mąstymo proceso?
Ką daryti, jei jūsų kodą turi atnaujinti vienas iš jūsų kolegų? Visada reikia komentuoti svarbias kodo sritis.
9. Naudokite šablonų raides
Dvigubomis arba viengubomis kabutėmis sukurtų eilučių apribojimų yra daug. Kad darbas su jais būtų daug lengvesnis, kai kurias eilutes galite pakeisti šablono literalais.
Atgalinis simbolis (') naudojamas šablonų literatūroms kurti, o tai turi daug privalumų. Galite juos naudoti norėdami išsaugoti išraiškas arba kurti kelių eilučių eilutes.
Kaip matote, skirtingai nuo įprasto eilučių literalo, sudaryto su viengubomis arba dvigubomis kabutėmis, mums nereikėjo pakartotinai eiti ir išeiti iš šabloninio literalo. Tai sumažina spausdinimo klaidų tikimybę ir leidžia mums parašyti švaresnį kodą.
10. Iteratoriai ir … kilpų
Iteratoriai yra „JavaScript“ objektai, kurie įgyvendina next() metodą, kad grąžintų objektą, kuris išsaugo kitą sekos reikšmę, taip pat teisingą arba klaidingą, atsižvelgiant į tai, ar liko daugiau reikšmių. Tai reiškia, kad įdiegę iteratoriaus protokolą galite kurti savo iteratoriaus objektus.
„JavaScript“ yra keletas įmontuotų iteratorių, tokių kaip eilutė, masyvas, žemėlapis ir pan. Galite naudoti … of ciklus, kad juos kartotumėte. Palyginti su įprastomis kilpomis, tai yra glaustesnė ir mažiau klaidų. Mes neturime sekti viso masyvo ilgio ar dabartinio indekso naudodami for… of kilpą. Kuriant įdėtas kilpas, tai gali padėti supaprastinti kodą.
11. Vietoj new Object() naudokite {}
„JavaScript“ galite kurti objektus įvairiais būdais. Naujo konstruktoriaus naudojimas, kaip parodyta, yra įprastesnis būdas. Kita vertus, ši strategija pažymėta kaip „prasta praktika“.
Tai nėra destruktyvus, bet šiek tiek žodinis ir unikalus. Vietoj to siūlau naudoti objektinio žodžio techniką.
12. Apsvarstykite galimybę į savo kodą įdėti let ir const
Galime naudoti raktinį žodį „let“, kad sukurtume vietinius kintamuosius, kuriems taikomas jų blokas. Galime naudoti raktinį žodį const, kad sukurtume vietinius bloko apimties kintamuosius, kurių negalima pakeisti.
Deklaruodami kintamuosius turėtumėte apsvarstyti galimybę naudoti raktinius žodžius let ir const, kai taikoma. Atminkite, kad raktinis žodis const išjungia tik pakartotinį priskyrimą. Dėl to kintamasis taip pat nepakeičiamas.
13. eval() Ar nėra gera idėja
Metodas eval() tiems, kurie nežino, suteikia prieigą prie „JavaScript“ kompiliatoriaus. Iš esmės galime naudoti eval, kad įvykdytume eilutės rezultatą, pateikdami jį kaip įvestį ().
Tai ne tik žymiai sulėtins scenarijų, bet ir kelia didelį susirūpinimą saugumu, nes perduotam tekstui suteikiama per daug autoritetų. Venkite to bet kokia kaina!
14. Spread Operator pravers
Ar kada nors reikėjo perduoti visus masyvo elementus kaip atskirus elementus kitai funkcijai, ar reikia perkelti visas reikšmes iš vieno masyvo į kitą? Būtent tai mums leidžia pasiekti sklaidos operatorius (...). Štai iliustracija.
15. laukti ir asinchronizuoti
Kurkite asinchronines funkcijas naudodami asinchroninį raktinį žodį, kuris visada aiškiai arba netiesiogiai pateikia pažadą.
Laukimo raktinis žodis gali būti naudojamas asinchroninėse funkcijose, kad būtų sustabdytas vykdymas, kol bus užbaigtas grąžinančių pažadų sprendimas. Nenaudojant asinchronizavimo funkcijos, kodas ir toliau veiks įprastai.
16. Javascript programoje naudokite include() metodą
JavaScript, funkcija include() nustato, ar eilutėje yra pateikti simboliai, ar masyve yra nurodytas elementas.
Šis metodas grąžina true, jei eilutė arba elementas yra aptiktas; kitu atveju grąžinama klaidinga. Verta paminėti, kad funkcija Strings include() yra didžiosios ir mažosios raidės. Jei norite suderinti eilutę, neatsižvelgiant į didžiąsias ir mažąsias raides, pirmiausia tiesiog parašykite tikslinį tekstą mažosiomis raidėmis.
17. Pašalinkite elementus iš masyvo naudodami Splice
Norėdami pašalinti elementą iš masyvo, kūrėjai naudoja trynimo funkciją. Tai klaidinga, nes vietoj objekto ištrynimo trynimo metodas jį pakeičia neapibrėžtu.
Lengviausias būdas pašalinti elementą iš masyvo, atsižvelgiant į jo reikšmę „JavaScript“, yra naudoti funkciją indexOf(), kad gautumėte tos reikšmės indekso numerį masyve, tada ištrinti tą indekso reikšmę splice() metodu.
18. Pasinaudokite rodyklės funkcija
Rodyklės funkcijos yra dar viena svarbi funkcija, kuri ką tik buvo pridėta prie „JavaScript“.
Jie turi daug privalumų. Pirmiausia jie daro „JavaScript“ funkcines dalis vizualiai patrauklesnes ir lengviau rašomas. Tačiau naudojant rodyklių funkcijas tai tampa daug lengviau įskaitoma ir glausta.
19. Su Destructuring galite greitai priskirti kintamąsias reikšmes
Anksčiau šiame įraše sužinojome apie „JavaScript“ platinimo operatorių. Destruktūrizavimas yra panašus į naikinimą, nes jis taip pat išpakuoja duomenis, esančius masyvuose.
Skirtumas tas, kad šios neišpakuotos reikšmės gali būti priskirtos skirtingiems kintamiesiems. Formuojant masyvą sintaksė yra identiška [] nuorodos sintaksei. Tačiau skliausteliai šį kartą yra kairėje priskyrimo operatoriaus pusėje. Štai iliustracija.
20. Padarykite kelis projektus
Bet koks talentas reikalauja nuoseklios praktikos, todėl stenkitės kurti įvairius projektus, kad patobulintumėte savo sugebėjimus ir įgytumėte patirties įvairiuose programavimo scenarijuose.
Dirbdami su projektais patirsite keletą iššūkių ir gedimų, kurie suteiks jums reikiamos patirties. Taigi pabandykite sugalvoti projektus, o internete yra daugybė idėjų ir pavyzdžių, kurie jums padės. Toliau kurkite kodą ir jūsų gebėjimai pagerės.
Išvada
Gali būti sunku išmokti tokią kompiuterio kalbą kaip „JavaScript“. Jei rimtai ketinate tapti geru programuotoju ir užsitikrinti pirmąjį darbą, šios „JavaScript“ mokymosi strategijos gali padėti pagreitinti mokymosi procesą.
Įsitikinkite, kad reguliariai praktikuojate kodavimą, nuodugniai užsirašykite, mokydamiesi naujų idėjų, ir naudokite visus jums prieinamus įrankius. Visų pirma, išeikite ir pradėkite koduoti linksmindamiesi.
Palikti atsakymą