Índice analítico[Ocultar][Mostrar]
- 1. Mellora os teus coñecementos básicos
- 2. Facer uso dunha estratexia orientada a obxectos
- 3. Facer uso das funcións aínda que sexan pequenas
- 4. En lugar de ==, use ===
- 5. Use JSLint
- 6. Os guións deben colocarse na parte inferior da súa páxina
- 7. O xeito máis rápido de facer unha corda
- 8. Engade un comentario ao teu código
- 9. Fai uso de literais de modelos
- 10. Iteradores e for... de Loops
- 11. Usa {} en lugar de novo Object()
- 12. Considere poñer let e const no seu código
- 13. eval() Non é unha boa idea
- 14. O operador Spread é útil
- 15. agardar e asíncrono
- 16. Use o método includes() en Javascript
- 17. Elimina elementos dunha matriz usando Splice
- 18. Facer uso da función de frecha
- 19. Con Desestruturación, pode asignar rapidamente valores variables
- 20. Fai varios proxectos
- Conclusión
Se algunha vez che interesou no desenvolvemento web, probablemente te atopes con JavaScript. Unha linguaxe de programación orientada a obxectos é JavaScript. Os desenvolvedores úsano para facer que as páxinas web sexan dinámicas e interactivas no lado do cliente (front end).
Tamén se usa para crear páxinas web e aplicacións web, con HTML e CSS. Non hai unha páxina web en internet hoxe en día que non teña código JavaScript. Converteuse nun aspecto inextricable do traballo dun programador.
De feito, está aumentando constantemente. Aínda que JavaScript é mellor recoñecido por proporcionar funcionalidade ás páxinas web, tamén se emprega en ambientes non JavaScript. Node.js, Apache Couch-DB e Adobe Acrobat son exemplos destas tecnoloxías. Para executar JavaScript, a maioría dos navegadores web modernos conteñen un motor de execución JavaScript incorporado. Se queres ser un desenvolvedor web exitoso, terás que xestionar JavaScript.
Debes abordalo hoxe ou mañá. Por que non aprendes JavaScript antes de tempo para estar preparado cando chegue o momento?
Isto é o que aprenderás nesta sesión. Explica como estar un paso por diante dos teus compañeiros desenvolvedores web mellorando o teu JavaScript.
Comezamos!
1. Mellora os teus coñecementos básicos
Comezarei cun pensamento e unha afirmación moi básicos que escoitou dende que era neno. Aprender os fundamentos e poñelos en práctica. Moitas veces, estarás aplicando a lóxica coa codificación, pero esquecerás que xa hai unha función integrada para iso, como cortar unha matriz. Cando executas o código JavaScript, podes obter un erro e, como resultado, moitas funcións adicionais deixan de funcionar.
Isto pode ser causado por un só dous puntos ou comas invertidas. Estas cousas ocorren como resultado da falta de comprensión dos fundamentos. Moitas veces nun único programa úsase un bucle básico como for, which, ou do while. Os bucles son unha das construcións de programación máis fundamentais.
É bastante difícil codificar e mesmo ter a oportunidade de traballar para unha empresa se non estás familiarizado co looping e outros fundamentos. Perfeccionar os teus fundamentos é fundamental xa que proporcionan unha base sólida sobre a que desenvolver a complicada lóxica e reputación dunha solución.
2. Facer uso dunha estratexia orientada a obxectos
O método orientado a obxectos é o enfoque de programación máis coñecido na actualidade. O enfoque orientado a obxectos, que comezou con C++, medrou enormemente en popularidade desde entón. Hoxe, só se utiliza programación orientada a obxectos para crear todas as linguaxes principais. Unha estratexia orientada a obxectos é aquela que se centra nun obxecto específico.
O elemento convértese entón nunha entidade fundamental. Este obxecto úsase entón para engadir atributos e funcións á páxina como base. Tamén podes usar o método tradicional de crear código de arriba a abaixo sen funcións nin obxectos. Isto é demasiado extenso e nunca se debería tentar. Ao desenvolver código, debemos utilizar un enfoque funcional, e se utilizamos funcións, debemos usar obxectos.
Entón, ao principio, esfórzate en converter o teu código extenso en código orientado a obxectos e escribe sempre o teu código nun estilo orientado a obxectos. Cando estudas o código doutras persoas, buscarás constantemente técnicas orientadas a obxectos. Se queres dominar JavaScript, o mellor é que o tes as mans.
3. Facer uso das funcións aínda que sexan pequenas
Programar cun enfoque funcional é un excelente camiño a seguir. Por que? Separa o seu software en módulos que funcionan xuntos pero que aínda son distintos entre si. Permíteme darche un exemplo para axudarche a entender.
A raíz cadrada media dos números enteiros pódese calcular mediante unha función. Para facelo, debes cadrar os enteiros, calcular a súa media e, a continuación, calcular a raíz cadrada da media. Hai tres fases no proceso. Como resultado, podemos empregar tres funcións. Pero, como podes ver, todas estas funcións están interconectadas. A saída dun envíase a outro e recibimos o resultado final.
Imos finxir que en lugar de tres funcións, simplemente necesitas unha para calcular RMS en función de varios factores. A solución final, como podes ver, é incorrecta. Será moi difícil para ti determinar o que pasou mal nun evento tan grande neste momento.
Ter tres pequenas funcións, por outra banda, permitirache analizar rapidamente. Como resultado, aínda que as funcións sexan modestas, utilízaas para definir distintos módulos de código. Esta técnica axudarache a converterte nun experto en JavaScript como por maxia.
Agora, vexamos algúns consellos de codificación de JavaScript.
4. En lugar de ==, use ===
En JavaScript, hai dous tipos de operadores de igualdade: operadores de igualdade estritos === e !==, e operadores de igualdade non estritos == e !=. Ao comparar, considérase mellor práctica empregar sempre a igualdade exacta. Porén, ao traballar con == e !=, atoparás problemas ao tratar con distintos tipos.
Cando os tipos de valores que está a comparar son diferentes, os operadores non estritos tentarán forzar os seus valores, o que pode levar a resultados inesperados.
5. Use JSLint
Douglas Crockford creou JSLint, un depurador. Simplemente coloque o seu script na caixa e escanearáo rapidamente para buscar erros ou fallos.
JSLint examina un ficheiro fonte de JavaScript. Se se descobre un problema, envía unha mensaxe cunha descrición do problema e unha posición aproximada dentro da fonte. O problema non sempre é un erro sintáctico, aínda que adoita ser o caso.
JSLint examina tanto as normas estilísticas como as cuestións estruturais. Non implica que o teu software sexa preciso. Só engade outro par de ollos para axudar na detección de problemas. Antes de pechar a sesión nun script, execútao a través de JSLint para asegurarse de que non cometeu ningún erro.
6. Os guións deben colocarse na parte inferior da súa páxina
O obxectivo principal do usuario é que a páxina se cargue o máis rápido posible. O navegador non pode continuar cargando un script ata que se cargue o ficheiro completo. Como resultado, o usuario terá que esperar máis para ver calquera progreso.
Se tes ficheiros JS que só se usan para proporcionar funcionalidade (por exemplo, unha vez que se preme un botón), colócaos na parte inferior da páxina, xusto antes da etiqueta do corpo de peche. Esta é, sen dúbida, a mellor práctica.
7. O xeito máis rápido de facer unha corda
Cando necesites recorrer unha matriz ou un obxecto, non sempre uses a túa instrución de bucle de confianza. Use a súa imaxinación para atopar a solución máis rápida para a tarefa en cuestión. Non che vou traer números; simplemente terás que confiar en min (ou probar por ti mesmo).
Esta é a técnica máis rápida de lonxe.
8. Engade un comentario ao teu código
Pode parecer inútil ao principio, pero confía en min cando digo que debes comentar o teu código o máis a miúdo posible. E se volves ao proxecto meses despois e non recordas o teu proceso de pensamento orixinal?
E se o teu código ten que ser actualizado por un dos teus compañeiros de traballo? As áreas importantes do teu código sempre deben comentarse.
9. Fai uso de literais de modelos
As restricións das cadeas creadas con comiñas dobres ou simples son numerosas. Para facilitar moito o traballo con eles, pode optar por substituír algunhas das súas cadeas por literales de modelo.
O carácter de retroceso (') úsase para construír literais de modelos, o que ten unha serie de vantaxes. Podes usalos para almacenar expresións ou para construír cadeas de varias liñas.
Como podes ver, a diferenza dun literal de cadea convencional construído con comiñas simples ou dobres, non tivemos que entrar e saír repetidamente do noso literal de modelo. Isto minimiza a probabilidade de erros de escribir e permítenos escribir códigos máis limpos.
10. Iteradores e for... de Loops
Os iteradores son obxectos en JavaScript que implementan o método next() para devolver un obxecto que almacena o seguinte valor nunha secuencia, así como verdadeiro ou falso, dependendo de se quedan máis valores. Isto significa que se implementas o protocolo iterador, podes construír os teus propios obxectos iteradores.
Hai algúns iteradores incorporados en JavaScript, como String, Array, Map, etc. Podes usar for... of bucles para iterar por eles. En comparación cos bucles for ordinarios, é máis sucinto e menos propenso a erros. Non temos que facer un seguimento da lonxitude completa da matriz ou do índice actual usando un bucle for...of. Ao deseñar bucles anidados, isto pode axudar a simplificar o código.
11. Usa {} en lugar de novo Object()
En JavaScript, podes crear obxectos de varias maneiras. Usar o novo construtor, como se mostra, é un xeito máis convencional. Esta estratexia, por outra banda, está marcada como "práctica deficiente".
Non é destrutivo, pero é un pouco prolixo e único. Propoño no seu lugar usar a técnica de obxecto literal.
12. Considere poñer let e const no seu código
Podemos usar a palabra clave let para facer variables locais que estean axustadas ao seu propio bloque. Podemos usar a palabra clave const para construír variables locais de ámbito de bloque que non se poidan cambiar.
Ao declarar variables, debería considerar utilizar as palabras clave let e const cando sexa aplicable. Lembra que a palabra clave const só desactiva a reasignación. Tampouco fai que a variable sexa inmutable.
13. eval() Non é unha boa idea
O método eval(), para os que non o saben, permítenos acceder ao compilador de JavaScript. Esencialmente, podemos usar eval para executar o resultado dunha cadea proporcionándoa como entrada ().
Isto non só ralentizará significativamente o teu script, senón que tamén ofrece unha importante preocupación de seguranza xa que dá ao texto transmitido demasiada autoridade. Evítao a toda costa!
14. O operador Spread é útil
Algunha vez tivo que transmitir todos os elementos dunha matriz como elementos individuais a outra función, ou precisa poñer todos os valores dunha matriz a outra? Isto é exactamente o que nos permite conseguir o operador de propagación (…). Aquí tedes unha ilustración.
15. agardar e asíncrono
Crea funcións asíncronas mediante a palabra clave asincrónica, que sempre devolve unha promesa, de forma explícita ou implícita.
A palabra clave await pódese usar en funcións asíncronas para deter a execución ata que se complete a resolución das promesas de retorno. Fóra da túa función asíncrona, o código seguirá executándose normalmente.
16. Use o método includes() en Javascript
En JavaScript, a función includes() determina se unha cadea contén os caracteres proporcionados ou se unha matriz contén o elemento especificado.
Este método devolve verdadeiro se se descobre a cadea ou o elemento; en caso contrario, devolve false. Paga a pena mencionar que a función Strings contains() distingue entre maiúsculas e minúsculas. Se queres facer coincidir unha cadea independentemente do caso, basta con minúsculas primeiro o texto de destino.
17. Elimina elementos dunha matriz usando Splice
Para eliminar un elemento dunha matriz, vin aos desenvolvedores utilizar a función de eliminación. Isto é erróneo porque, en lugar de eliminar o obxecto, o método delete substitúeo por undefined.
A forma máis sinxela de eliminar un elemento dunha matriz dependendo do seu valor en JavaScript é usar a función indexOf() para obter o número de índice dese valor na matriz e, a continuación, eliminar ese valor de índice co método splice().
18. Facer uso da función de frecha
As funcións de frecha son outra característica importante que se acaba de engadir a JavaScript.
Teñen un montón de vantaxes. Para comezar, fan que as partes funcionais de JavaScript sexan máis atractivas visualmente e sexan máis fáciles de escribir. Non obstante, o uso das funcións de frecha fai que isto sexa moito máis lexible e conciso.
19. Con Desestruturación, pode asignar rapidamente valores variables
Anteriormente nesta publicación, soubemos sobre o operador de propagación en JavaScript. A desestruturación é semellante á desestruturación xa que tamén desempaqueta os datos contidos nas matrices.
A distinción é que estes valores descomprimidos pódense asignar a distintas variables. A sintaxe é idéntica á do atallo [] cando se forma unha matriz. Non obstante, os corchetes colócanse no lado esquerdo do operador de asignación nesta ocasión. Aquí tedes unha ilustración.
20. Fai varios proxectos
Calquera talento necesita práctica constante, así que intenta construír unha variedade de proxectos para mellorar as túas habilidades e adquirir coñecementos cunha variedade de escenarios de programación.
Mentres traballas nos proxectos, experimentarás varios desafíos e fallos, que che proporcionarán a experiencia necesaria. Entón, tenta crear proxectos, e hai unha infinidade de ideas e exemplos en internet para axudarche. Continúa desenvolvendo código e as túas habilidades mellorarán.
Conclusión
Pode ser difícil aprender unha linguaxe informática como JavaScript. Se queres converterte nun bo programador e conseguir o teu primeiro traballo, estas estratexias de aprendizaxe de JavaScript poden axudarche a acelerar o teu proceso de aprendizaxe.
Asegúrate de practicar a codificación con regularidade, de tomar notas detalladas mentres aprendes novas ideas e de utilizar todas as ferramentas accesibles para ti. Sobre todo, sae e comeza a codificar mentres te divirtes.
Deixe unha resposta