Cuprins[Ascunde][Spectacol]
- 1. Îmbunătățiți-vă cunoștințele de bază
- 2. Folosiți o strategie orientată pe obiecte
- 3. Folosiți funcțiile chiar dacă sunt mici
- 4. În loc de ==, utilizați ===
- 5. Folosiți JSLint
- 6. Scripturile ar trebui să fie plasate în partea de jos a paginii dvs
- 7. Cel mai rapid mod de a face un șir
- 8. Adaugă un comentariu la codul tău
- 9. Folosiți Literale șabloane
- 10. Iteratoare și pentru... de bucle
- 11. Folosiți {} în loc de nou Object()
- 12. Luați în considerare introducerea let și const în codul dvs
- 13. eval() nu este o idee bună
- 14. Operatorul Spread este util
- 15. așteaptă și asincron
- 16. Utilizați metoda includes() în Javascript
- 17. Îndepărtați elemente dintr-o matrice folosind Splice
- 18. Utilizați funcția săgeată
- 19. Cu Destructurare, puteți aloca rapid valori variabile
- 20. Realizați mai multe proiecte
- Concluzie
Dacă ați fost vreodată interesat de dezvoltarea web, probabil că ați întâlnit JavaScript. Un limbaj de programare orientat pe obiecte este JavaScript. Dezvoltatorii îl folosesc pentru a face paginile web din partea clientului (front-end) dinamică și interactivă.
De asemenea, este folosit pentru a crea pagini web și aplicații web, cu HTML și CSS. În zilele noastre nu există o pagină web pe internet care să nu aibă cod JavaScript. A devenit un aspect inextricabil al meserii unui dezvoltator.
Într-adevăr, este în continuă creștere. Deși JavaScript este cel mai bine recunoscut pentru furnizarea de funcționalități paginilor web, este folosit și în medii non-JavaScript. Node.js, Apache Couch-DB și Adobe Acrobat sunt exemple ale acestor tehnologii. Pentru rularea JavaScript, majoritatea browserelor web moderne conțin un motor de execuție JavaScript încorporat. Dacă doriți să fiți un dezvoltator web de succes, va trebui să vă ocupați de JavaScript.
Trebuie să te ocupi de asta azi sau mâine. De ce să nu înveți JavaScript dinainte, astfel încât să fii pregătit când va veni momentul?
Acesta este ceea ce veți învăța în această sesiune. Acesta explică cum să rămâi cu un pas înaintea colegilor tăi dezvoltatori web prin îmbunătățirea JavaScript-ului.
Sa incepem!
1. Îmbunătățiți-vă cunoștințele de bază
Voi începe cu un gând și o afirmație cu adevărat de bază pe care le-ați auzit de când erați mic. Învață elementele de bază și pune-le în practică. De multe ori, veți aplica logica cu codificare, dar veți uita că există deja o funcție încorporată pentru aceasta, cum ar fi tăierea unei matrice. Când rulați codul JavaScript, puteți primi o eroare și, ca urmare, multe funcții suplimentare nu mai funcționează.
Acest lucru poate fi cauzat de un singur două puncte sau de virgule inversate. Aceste lucruri apar ca urmare a lipsei de înțelegere a fundamentelor. De multe ori, într-un singur program, este folosită o buclă de bază, cum ar fi for, which, sau do while. Buclele sunt una dintre cele mai fundamentale constructe de programare.
Este destul de dificil să codificați și chiar să aveți șansa de a lucra pentru o firmă dacă nu sunteți familiarizat cu bucla și alte elemente fundamentale. Perfecționarea elementelor fundamentale este esențială, deoarece acestea oferă o bază solidă pe care să dezvoltați logica complicată și reputația unei soluții.
2. Folosiți o strategie orientată pe obiecte
Metoda orientată pe obiecte este cea mai cunoscută abordare de programare în prezent. Abordarea orientată pe obiecte, care a început cu C++, a crescut în popularitate enorm de atunci. Astăzi, doar programarea orientată pe obiecte este folosită pentru a crea toate limbajele principale. O strategie orientată pe obiect este una care se concentrează pe un anumit obiect.
Elementul devine apoi o entitate fundamentală. Acest obiect este apoi folosit pentru a adăuga atribute și funcții la pagină ca bază. De asemenea, puteți utiliza metoda tradițională de a crea cod de sus în jos, fără funcții sau obiecte. Acest lucru este mult prea extins și nu ar trebui încercat niciodată. Când dezvoltăm cod, ar trebui să folosim o abordare funcțională, iar dacă folosim funcții, ar trebui să folosim obiecte.
Deci, la început, străduiți-vă să vă convertiți codul extins în cod orientat pe obiecte și să scrieți întotdeauna codul într-un stil orientat pe obiecte. Când studiezi codul altor oameni, te vei uita constant la tehnici orientate pe obiecte. Dacă vrei să stăpânești JavaScript, cel mai bine este să pui mâna pe el.
3. Folosiți funcțiile chiar dacă sunt mici
Programarea cu o abordare funcțională este o modalitate grozavă de parcurs. De ce? Separă software-ul dvs. în module care funcționează împreună, dar sunt încă distincte unul de celălalt. Permiteți-mi să vă dau un exemplu pentru a vă ajuta să înțelegeți.
Pătratul mediu al numerelor întregi poate fi calculat folosind o funcție. Pentru a face acest lucru, trebuie să pătrați numerele întregi, să calculați media lor și apoi să calculați rădăcina pătrată a mediei. Există trei faze în proces. Ca rezultat, putem folosi trei funcții. Dar, după cum puteți vedea, toate aceste funcții sunt interconectate. Ieșirea unuia este trimisă altuia și primim rezultatul final.
Să presupunem că în loc de trei funcții, pur și simplu aveți nevoie de una pentru a calcula RMS pe baza mai multor factori. Soluția finală, după cum puteți vedea, este incorectă. Vă va fi destul de dificil să determinați ce a mers prost într-un eveniment atât de mare în acest moment.
Având trei funcții minuscule, pe de altă parte, vă va permite să analizați rapid. Ca rezultat, chiar dacă funcțiile sunt modeste, utilizați-le pentru a defini module de cod distincte. Această tehnică te va ajuta să devii un expert JavaScript ca prin magie.
Acum, să ne uităm la câteva sfaturi de codare JavaScript.
4. În loc de ==, utilizați ===
În JavaScript, există două tipuri de operatori de egalitate: operatori de egalitate stricti === și !== și operatori de egalitate nestrict == și !=. Când se compară, este considerată cea mai bună practică să folosești întotdeauna egalitatea exactă. Când lucrați cu == și !=, totuși, veți întâmpina probleme atunci când aveți de-a face cu tipuri distincte.
Atunci când tipurile de valori pe care le comparați sunt diferite, operatorii nestricți vor încerca să-și constrângă valorile, ceea ce ar putea duce la rezultate neașteptate.
5. Folosiți JSLint
Douglas Crockford a creat JSLint, un depanator. Pune pur și simplu scriptul în cutie și îl va scana rapid pentru orice erori sau defecte.
JSLint examinează un fișier sursă JavaScript. Dacă se descoperă o problemă, acesta trimite un mesaj cu o descriere a problemei și o poziție aproximativă în sursă. Problema nu este întotdeauna o eroare sintactică, deși este adesea cazul.
JSLint examinează atât normele stilistice, cât și problemele structurale. Nu înseamnă că software-ul dvs. este corect. Pur și simplu adaugă încă o pereche de ochi pentru a ajuta la detectarea problemelor. Înainte de a deconecta un script, rulați-l prin JSLint pentru a vă asigura că nu ați comis nicio greșeală.
6. Scripturile ar trebui să fie plasate în partea de jos a paginii dvs
Scopul principal al utilizatorului este ca pagina să se încarce cât mai repede posibil. Browserul nu poate continua să încarce un script până când fișierul complet nu a fost încărcat. Ca urmare, utilizatorul va trebui să aștepte mai mult pentru a vedea orice progres.
Dacă aveți fișiere JS care sunt folosite doar pentru a oferi funcționalitate (de exemplu, odată ce un buton este apăsat), puneți-le în partea de jos a paginii, chiar înainte de eticheta body de închidere. Aceasta este, fără îndoială, cea mai bună practică.
7. Cel mai rapid mod de a face un șir
Când trebuie să faceți o buclă în jurul unei matrice sau a unui obiect, nu folosiți întotdeauna declarația dvs. de încredere pentru buclă. Folosiți-vă imaginația pentru a găsi cea mai rapidă soluție pentru sarcina în cauză. Nu am de gând să-ți aduc numere; pur și simplu va trebui să ai încredere în mine (sau să testezi singur).
Aceasta este de departe cea mai rapidă tehnică.
8. Adaugă un comentariu la codul tău
Poate părea inutil la început, dar credeți-mă când vă spun că ar trebui să comentați codul cât mai des posibil. Ce se întâmplă dacă reveniți la proiect luni mai târziu și nu vă puteți aminti procesul inițial de gândire?
Ce se întâmplă dacă codul tău trebuie să fie actualizat de unul dintre colegii tăi? Zonele importante ale codului dvs. ar trebui să fie întotdeauna comentate.
9. Folosiți Literale șabloane
Constrângerile șirurilor create cu ghilimele duble sau simple sunt numeroase. Pentru a face lucrul cu ele mult mai ușor, ați putea alege să înlocuiți unele dintre șirurile dvs. cu literale șablon.
Caracterul backtick (') este folosit pentru a construi literale șablon, ceea ce are o serie de avantaje. Le puteți folosi pentru a stoca expresii sau pentru a construi șiruri cu mai multe linii.
După cum puteți vedea, spre deosebire de un literal șir convențional construit cu ghilimele simple sau duble, nu a trebuit să intrăm și să ieșim în mod repetat din literalul nostru șablon. Acest lucru reduce la minimum probabilitatea de greșeli de tastare și ne permite să scriem cod mai curat.
10. Iteratoare și pentru... de bucle
Iteratoarele sunt obiecte din JavaScript care implementează metoda next() pentru a returna un obiect care stochează următoarea valoare într-o secvență, precum și adevărată sau falsă, în funcție de faptul că au mai rămas valori. Aceasta înseamnă că, dacă implementați protocolul iterator, vă puteți construi propriile obiecte iteratoare.
Există câteva iteratoare încorporate în JavaScript, cum ar fi String, Array, Map și așa mai departe. Puteți folosi for … of bucle pentru a itera peste ele. În comparație cu buclele for obișnuite, aceasta este mai succintă și mai puțin predispusă la erori. Nu trebuie să urmărim lungimea completă a matricei sau indexul curent folosind o buclă for...of. Când proiectați bucle imbricate, acest lucru ar putea ajuta la simplificarea codului.
11. Folosiți {} în loc de nou Object()
În JavaScript, puteți crea obiecte într-o varietate de moduri. Utilizarea noului constructor, așa cum se arată, este o modalitate mai convențională. Această strategie, pe de altă parte, este marcată drept „practică slabă”.
Nu este distructiv, dar este puțin pronunțat și unic. Propun în schimb folosirea tehnică a obiectului literal.
12. Luați în considerare introducerea let și const în codul dvs
Putem folosi cuvântul cheie let pentru a crea variabile locale care sunt încadrate în propriul lor bloc. Putem folosi cuvântul cheie const pentru a construi variabile locale de tip bloc care nu pot fi modificate.
Când declarați variabile, ar trebui să luați în considerare utilizarea cuvintelor cheie let și const, atunci când este cazul. Rețineți că cuvântul cheie const dezactivează numai reatribuirea. Nici nu face variabila neschimbată.
13. eval() nu este o idee bună
Metoda eval(), pentru cei care nu cunosc, ne permite accesul la compilatorul JavaScript. În esență, putem folosi eval pentru a executa rezultatul unui șir furnizându-l ca intrare ().
Acest lucru nu numai că vă va încetini semnificativ scriptul, dar oferă și o preocupare semnificativă de securitate, deoarece oferă textului transmis mult prea multă autoritate. Evita cu orice pret!
14. Operatorul Spread este util
Ați avut vreodată nevoie să transmiteți toate elementele dintr-o matrice ca elemente individuale către o altă funcție sau trebuie să puneți toate valorile dintr-o matrice în alta? Este exact ceea ce ne permite operatorul de răspândire (…) să realizăm. Iată o ilustrație.
15. așteaptă și asincron
Creați funcții asincrone folosind cuvântul cheie asincron, care returnează întotdeauna o promisiune, fie explicit, fie implicit.
Cuvântul cheie await poate fi folosit în funcțiile asincrone pentru a opri execuția până la finalizarea rezoluției promisiunilor returnate. În afara funcției asincrone, codul va continua să ruleze normal.
16. Utilizați metoda includes() în Javascript
În JavaScript, funcția includes() determină dacă un șir conține caracterele furnizate sau dacă o matrice conține elementul specificat.
Această metodă returnează true dacă șirul sau elementul este descoperit; în caz contrar, se întoarce false. Este demn de menționat că funcția Strings contains() este sensibilă la majuscule. Dacă doriți să potriviți un șir, indiferent de majuscule, pur și simplu mai întâi textul țintă cu litere mici.
17. Îndepărtați elemente dintr-o matrice folosind Splice
Pentru a elimina un element dintr-o matrice, am văzut dezvoltatorii utilizând funcția de ștergere. Acest lucru este eronat deoarece, mai degrabă decât ștergerea obiectului, metoda de ștergere îl înlocuiește cu nedefinit.
Cea mai ușoară modalitate de a elimina un element dintr-o matrice în funcție de valoarea acestuia în JavaScript este să utilizați funcția indexOf() pentru a obține numărul de index al acelei valori din matrice, apoi ștergeți acea valoare a indexului cu metoda splice().
18. Utilizați funcția săgeată
Funcțiile săgeată sunt o altă caracteristică importantă care tocmai a fost adăugată la JavaScript.
Au o mulțime de avantaje. Pentru început, fac părțile funcționale ale JavaScript mai atractive din punct de vedere vizual și mai ușor de scris. Cu toate acestea, utilizarea funcțiilor de săgeți face acest lucru mult mai lizibil și concis.
19. Cu Destructurare, puteți aloca rapid valori variabile
Mai devreme în această postare, am aflat despre operatorul de răspândire în JavaScript. Destructurarea este similară cu destructurarea prin faptul că despachetează și datele conținute în matrice.
Distincția este că aceste valori dezambalate pot fi atribuite unor variabile distincte. Sintaxa este identică cu cea a comenzii rapide [] atunci când se formează un tablou. Parantezele, totuși, sunt plasate de data aceasta în partea stângă a operatorului de atribuire. Iată o ilustrație.
20. Realizați mai multe proiecte
Orice talent necesită practică consecventă, așa că încercați să construiți o varietate de proiecte pentru a vă perfecționa abilitățile și pentru a obține experiență cu o varietate de scenarii de programare.
În timp ce lucrați la proiecte, veți experimenta mai multe provocări și defecte, care vă vor oferi expertiza necesară. Așa că încercați să veniți cu proiecte și există o multitudine de idei și exemple pe internet care să vă ajute. Continuați să dezvoltați codul, iar abilitățile dumneavoastră se vor îmbunătăți.
Concluzie
Ar putea fi dificil să înveți un limbaj de calculator precum JavaScript. Dacă sunteți serios să deveniți un programator bun și să vă asigurați primul loc de muncă, atunci aceste strategii de învățare JavaScript vă pot ajuta să vă accelerați procesul de învățare.
Asigurați-vă că exersați în mod regulat codificarea, luați notițe detaliate în timp ce învățați idei noi și utilizați toate instrumentele disponibile pentru dvs. Mai presus de toate, ieșiți acolo și începeți să codificați în timp ce vă distrați.
Lasă un comentariu