Taula de continguts[Amaga][Espectacle]
- 1. Millora els teus coneixements bàsics
- 2. Fer ús d'una estratègia orientada a objectes
- 3. Fes ús de les funcions encara que siguin petites
- 4. En lloc de ==, utilitzeu ===
- 5. Utilitzeu JSLint
- 6. Els scripts s'han de col·locar a la part inferior de la pàgina
- 7. La manera més ràpida de fer una corda
- 8. Afegiu un comentari al vostre codi
- 9. Fes ús dels literals de plantilla
- 10. Iteradors i per... de bucles
- 11. Utilitzeu {} en comptes de nou Object()
- 12. Penseu en posar let i const al vostre codi
- 13. eval() No és una bona idea
- 14. L'operador Spread és útil
- 15. esperar i sincronitzar
- 16. Utilitzeu el mètode includes() a Javascript
- 17. Elimineu elements d'una matriu mitjançant Splice
- 18. Feu ús de la funció de fletxa
- 19. Amb Desestructuració, podeu assignar valors variables ràpidament
- 20. Fes diversos projectes
- Conclusió
Si alguna vegada us ha interessat el desenvolupament web, probablement us heu trobat amb JavaScript. Un llenguatge de programació orientat a objectes és JavaScript. Els desenvolupadors l'utilitzen per fer dinàmics i interactius la part del client (front end) de les pàgines web.
També s'utilitza per crear pàgines web i aplicacions web, amb HTML i CSS. No hi ha cap pàgina web a Internet avui dia que no tingui codi JavaScript. S'ha convertit en un aspecte inextricable de la feina d'un desenvolupador.
De fet, augmenta constantment. Tot i que JavaScript és més reconegut per proporcionar funcionalitat a les pàgines web, també s'utilitza en entorns que no són JavaScript. Node.js, Apache Couch-DB i Adobe Acrobat són exemples d'aquestes tecnologies. Per executar JavaScript, la majoria dels navegadors web moderns contenen un motor d'execució de JavaScript integrat. Si voleu ser un desenvolupador web d'èxit, haureu de tractar amb JavaScript.
Ho heu d'afrontar avui o demà. Per què no aprendre JavaScript abans d'hora per estar preparat quan arribi el moment?
Això és el que aprendràs en aquesta sessió. S'explica com mantenir-se un pas per davant dels altres desenvolupadors web polint el vostre JavaScript.
Anem a començar!
1. Millora els teus coneixements bàsics
Començaré amb un pensament i una afirmació molt bàsics que heu sentit des de petit. Aprèn els fonaments i posa-los en pràctica. Moltes vegades, estaràs aplicant la lògica amb la codificació, però oblidaràs que ja hi ha una funció integrada, com ara tallar una matriu. Quan executeu el codi JavaScript, podeu obtenir un error i, com a resultat, moltes funcions addicionals deixen de funcionar.
Això pot ser causat per un sol dos punts o per comes invertides. Aquestes coses es produeixen com a conseqüència d'una falta de comprensió dels fonaments. Moltes vegades en un sol programa, s'utilitza un bucle bàsic com for, which, o do while. Els bucles són una de les construccions de programació més fonamentals.
És bastant difícil codificar i fins i tot tenir l'oportunitat de treballar per a una empresa si no esteu familiaritzat amb el bucle i altres fonaments. Repassar els vostres fonaments és fonamental, ja que proporcionen una base sòlida sobre la qual desenvolupar la complicada lògica i la reputació d'una solució.
2. Fer ús d'una estratègia orientada a objectes
El mètode orientat a objectes és l'enfocament de programació més conegut actualment. L'enfocament orientat a objectes, que va començar amb C++, ha crescut enormement en popularitat des de llavors. Actualment, només s'utilitza programació orientada a objectes per crear tots els llenguatges principals. Una estratègia orientada a objectes és aquella que se centra en un objecte específic.
L'element esdevé llavors una entitat fonamental. Aquest objecte s'utilitza llavors per afegir atributs i funcions a la pàgina com a base. També podeu utilitzar el mètode tradicional de crear codi de dalt a baix sense cap funció ni objecte. Això és massa extens i no s'hauria d'intentar mai. Quan desenvolupem codi, hauríem d'utilitzar un enfocament funcional, i si utilitzem funcions, hauríem d'utilitzar objectes.
Per tant, al principi, esforçeu-vos per convertir el vostre codi extens en codi orientat a objectes i escriviu sempre el vostre codi amb un estil orientat a objectes. Quan estudieu el codi d'altres persones, mirareu constantment les tècniques orientades a objectes. Si voleu dominar JavaScript, és millor que el poseu a les mans.
3. Fes ús de les funcions encara que siguin petites
Programar amb un enfocament funcional és un camí fantàstic. Per què? Separa el vostre programari en mòduls que funcionen junts però que encara són diferents entre si. Permeteu-me donar-vos un exemple per ajudar-vos a entendre.
L'arrel quadrada mitjana dels nombres enters es pot calcular mitjançant una funció. Per fer-ho, heu de quadrar els nombres enters, calcular-ne la mitjana i després calcular l'arrel quadrada de la mitjana. Hi ha tres fases en el procés. Com a resultat, podem utilitzar tres funcions. Però, com podeu veure, totes aquestes funcions estan interconnectades. La sortida d'un s'envia a un altre i rebem el resultat final.
Imaginem que en comptes de tres funcions, només en necessiteu una per calcular l'RMS en funció de diversos factors. La solució final, com podeu veure, és incorrecta. Serà bastant difícil per a tu determinar què ha fallat en un esdeveniment tan gran en aquest moment.
Tenir tres petites funcions, d'altra banda, us permetrà analitzar ràpidament. Com a resultat, fins i tot si les funcions són modestes, utilitzeu-les per definir mòduls de codi diferents. Aquesta tècnica us ajudarà a convertir-vos en un expert en JavaScript com per màgia.
Ara, mirem alguns consells de codificació de JavaScript.
4. En lloc de ==, utilitzeu ===
A JavaScript, hi ha dos tipus d'operadors d'igualtat: operadors d'igualtat estrictes === i !==, i operadors d'igualtat no estrictes == i !=. A l'hora de comparar, es considera una bona pràctica utilitzar sempre la igualtat exacta. Quan treballeu amb == i !=, però, trobareu problemes quan tracteu amb diferents tipus.
Quan els tipus de valors que esteu comparant són diferents, els operadors no estrictes intentaran coaccionar els seus valors, cosa que pot provocar resultats inesperats.
5. Utilitzeu JSLint
Douglas Crockford va crear JSLint, un depurador. Simplement poseu el vostre script a la caixa i l'escanejarà ràpidament per detectar qualsevol error o defecte.
JSLint examina un fitxer font de JavaScript. Si es descobreix un problema, envia un missatge amb una descripció del problema i una posició aproximada dins de la font. El problema no sempre és un error sintàctic, tot i que sovint és el cas.
JSLint examina tant les normes estilístiques com les qüestions estructurals. No implica que el vostre programari sigui precís. Només afegeix un altre parell d'ulls per ajudar en la detecció de problemes. Abans de tancar un script, executeu-lo a través de JSLint per assegurar-vos que no heu comès cap error.
6. Els scripts s'han de col·locar a la part inferior de la pàgina
L'objectiu principal de l'usuari és que la pàgina es carregui el més ràpidament possible. El navegador no pot continuar carregant un script fins que s'hagi carregat el fitxer complet. Com a resultat, l'usuari haurà d'esperar més per veure qualsevol progrés.
Si teniu fitxers JS que només s'utilitzen per proporcionar funcionalitat (per exemple, un cop es prem un botó), col·loqueu-los a la part inferior de la pàgina, just abans de l'etiqueta del cos de tancament. Aquesta és, sens dubte, la millor pràctica.
7. La manera més ràpida de fer una corda
Quan necessiteu fer un bucle al voltant d'una matriu o objecte, no utilitzeu sempre la vostra declaració de bucle de confiança. Feu servir la vostra imaginació per trobar la solució més ràpida per a la tasca en qüestió. No et portaré números; simplement haureu de confiar en mi (o provar-ho vosaltres mateixos).
Aquesta és la tècnica més ràpida amb diferència.
8. Afegiu un comentari al vostre codi
Pot semblar inútil al principi, però confieu en mi quan us dic que hauríeu de comentar el vostre codi tan sovint com sigui possible. Què passa si tornes al projecte mesos després i no recordes el teu procés de pensament original?
Què passa si el teu codi ha de ser actualitzat per un dels teus companys de feina? Les àrees importants del vostre codi s'han de comentar sempre.
9. Fes ús dels literals de plantilla
Les restriccions de les cadenes creades amb cometes simples o dobles són nombroses. Per facilitar el treball amb ells, podeu optar per substituir algunes de les vostres cadenes per literals de plantilla.
El caràcter de retrocés (') s'utilitza per crear literals de plantilla, la qual cosa té una sèrie d'avantatges. Podeu utilitzar-los per emmagatzemar expressions o per crear cadenes de diverses línies.
Com podeu veure, a diferència d'un literal de cadena convencional construït amb cometes simples o dobles, no vam haver d'entrar i sortir repetidament del nostre literal de plantilla. Això minimitza la probabilitat d'errors d'escriptura i ens permet escriure un codi més net.
10. Iteradors i per... de bucles
Els iteradors són objectes en JavaScript que implementen el mètode next() per retornar un objecte que emmagatzema el valor següent en una seqüència, així com cert o fals, depenent de si queden més valors. Això vol dir que si implementeu el protocol iterador, podeu crear els vostres propis objectes iteradors.
Hi ha alguns iteradors integrats a JavaScript, com String, Array, Map, etc. Podeu utilitzar for... of bucles per repetir-los. En comparació amb els bucles for ordinaris, això és més concís i menys propens a errors. No hem de fer un seguiment de la longitud completa de la matriu o de l'índex actual mitjançant un bucle for...of. Quan es dissenyen bucles imbricats, això pot ajudar a simplificar el codi.
11. Utilitzeu {} en comptes de nou Object()
A JavaScript, podeu crear objectes de diverses maneres. L'ús del nou constructor, com es mostra, és una manera més convencional. Aquesta estratègia, d'altra banda, està marcada com a "pràctica deficient".
No és destructiu, però és una mica prolix i únic. En canvi, proposo utilitzar la tècnica d'objecte literal.
12. Penseu en posar let i const al vostre codi
Podem utilitzar la paraula clau let per crear variables locals que s'ampliïn al seu propi bloc. Podem utilitzar la paraula clau const per construir variables locals de bloc que no es poden canviar.
Quan declareu variables, hauríeu de considerar utilitzar les paraules clau let i const quan sigui aplicable. Recordeu que la paraula clau const només desactiva la reassignació. Tampoc fa que la variable sigui inalterable.
13. eval() No és una bona idea
El mètode eval(), per a aquells que no ho saben, ens permet accedir al compilador de JavaScript. Essencialment, podem utilitzar eval per executar el resultat d'una cadena subministrant-la com a entrada ().
Això no només alentirà significativament el vostre script, sinó que també ofereix una important preocupació de seguretat, ja que dóna massa autoritat al text passat. Eviteu-ho a tota costa!
14. L'operador Spread és útil
Alguna vegada heu necessitat de transmetre tots els elements d'una matriu com a elements individuals a una altra funció, o heu de posar tots els valors d'una matriu a una altra? Això és exactament el que ens permet aconseguir l'operador de propagació (…). Aquí teniu una il·lustració.
15. esperar i sincronitzar
Creeu funcions asíncrones mitjançant la paraula clau asincrònica, que sempre retorna una promesa, ja sigui de manera explícita o implícita.
La paraula clau await es pot utilitzar en funcions asíncrones per aturar l'execució fins que es completi la resolució de les promeses retornades. Fora de la funció asíncrona, el codi continuarà funcionant amb normalitat.
16. Utilitzeu el mètode includes() a Javascript
A JavaScript, la funció includes() determina si una cadena conté els caràcters proporcionats o si una matriu conté l'element especificat.
Aquest mètode retorna true si es descobreix la cadena o l'element; en cas contrari, torna fals. Val la pena esmentar que la funció Strings contains() distingeix entre majúscules i minúscules. Si voleu fer coincidir una cadena independentment de les majúscules i minúscules, primer heu de fer minúscules el text de destinació.
17. Elimineu elements d'una matriu mitjançant Splice
Per eliminar un element d'una matriu, he vist que els desenvolupadors utilitzen la funció de supressió. Això és erroni perquè, en lloc de suprimir l'objecte, el mètode de supressió el substitueix per undefined.
La manera més senzilla d'eliminar un element d'una matriu en funció del seu valor a JavaScript és utilitzar la funció indexOf() per obtenir el número d'índex d'aquest valor a la matriu i, a continuació, eliminar aquest valor d'índex amb el mètode splice() .
18. Feu ús de la funció de fletxa
Les funcions de fletxa són una altra característica important que s'acaba d'afegir a JavaScript.
Tenen un munt d'avantatges. Per començar, fan que les parts funcionals de JavaScript siguin més atractives visualment i més fàcils d'escriure. Tanmateix, l'ús de les funcions de fletxa fa que això sigui molt més llegible i concís.
19. Amb Desestructuració, podeu assignar valors variables ràpidament
A principis d'aquesta publicació, vam conèixer l'operador de propagació en JavaScript. La desestructuració és similar a la desestructuració, ja que també desempaqueta les dades contingudes a les matrius.
La diferència és que aquests valors no empaquetats es poden assignar a diferents variables. La sintaxi és idèntica a la de la drecera [] quan es forma una matriu. Els claudàtors, però, aquesta vegada es col·loquen al costat esquerre de l'operador d'assignació. Aquí teniu una il·lustració.
20. Fes diversos projectes
Qualsevol talent requereix una pràctica constant, així que intenteu construir una varietat de projectes per perfeccionar les vostres habilitats i obtenir experiència amb una varietat d'escenaris de programació.
Mentre treballeu en els projectes, experimentareu diversos reptes i falles, que us proporcionaran l'experiència necessària. Així que proveu de crear projectes, i hi ha una gran quantitat d'idees i exemples a Internet per ajudar-vos. Continueu desenvolupant codi i les vostres habilitats milloraran.
Conclusió
Pot ser difícil aprendre un llenguatge informàtic com JavaScript. Si voleu convertir-vos en un bon programador i assegurar-vos la vostra primera feina, aquestes estratègies d'aprenentatge de JavaScript us poden ajudar a accelerar el vostre procés d'aprenentatge.
Assegureu-vos de practicar la codificació amb regularitat, de prendre notes exhaustives mentre apreneu noves idees i d'utilitzar totes les eines a les quals teniu accés. Sobretot, sortiu allà i comenceu a programar mentre us divertiu.
Deixa un comentari