"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > Consejos de avascript que debes saber

Consejos de avascript que debes saber

Publicado el 2024-11-06
Navegar:482

Escrito por Joab Chua

1. Consola.log

  • Agrega color al registro de tu consola

¡Deja de hacer esto! ❌

avascript Tips You Should Know

avascript Tips You Should Know
Pruebe esto en su lugar. ✅

avascript Tips You Should Know

avascript Tips You Should Know
Pero si tiene una variedad de objetos, intente esto, ¿sería aún mejor?

avascript Tips You Should Know

avascript Tips You Should Know
Si desea medir qué tan rápido se ejecutan ciertas operaciones en su código, pruebe esto.

avascript Tips You Should Know

avascript Tips You Should Know
Utilice console.time y console.timeEnd para medir el tiempo necesario en la consola del navegador.
Por último, si desea rastrear su código y su secuencia de ejecución, intente esto.

avascript Tips You Should Know

avascript Tips You Should Know
Podrás ver toneladas de información que necesitas para depurar tu aplicación.

2. Desestructuración de objetos

avascript Tips You Should Know
¿Te pasó antes que solo necesitas unas pocas variables en el objeto pero te pasan el objeto completo y lo usas de esta manera convencional?

avascript Tips You Should Know
¿Usas repetidamente la declaración de objeto humano en tu función? No hagas esto. Utilice la desestructuración de objetos ES6 en su lugar. ✅

avascript Tips You Should Know
Desestructura las variables que necesitas usar en los argumentos de la función. Alternativamente, puedes desestructurar dentro de la propia función.

avascript Tips You Should Know

3. Literal de plantilla

❌ No hagas esto cuando intentes unir tus variables con cadenas.

avascript Tips You Should Know
Haz esto en su lugar. ✅
avascript Tips You Should Know

4. Operador de extensión

Digamos que tienes 2 objetos y quieres combinarlos o asignar algunas de las propiedades de 1 objeto a otro. Tradicionalmente, haremos esto.
avascript Tips You Should Know
Técnicamente no hay nada malo en eso, excepto que en realidad estás mutando tu objeto. Pruebe esto en su lugar. ✅
avascript Tips You Should Know
Lo mejor del operador de extensión es que también funciona para matrices. ?
En lugar de esto.
avascript Tips You Should Know
Haz esto en su lugar.
avascript Tips You Should Know

5. bucles

¿Es usted culpable de hacer un bucle for de esta manera para calcular el monto total del costo en una matriz? Deja de hacer esto. ❌
avascript Tips You Should Know
En su lugar, empieza a cambiar tu estilo a este.
avascript Tips You Should Know
Limpio y magro. ¡Trabajo hecho! ✅

Resumen

Espero que estos pocos consejos te orienten para escribir un código mejor, más limpio y más eficiente.

Patrocinado por MarsCode
Bienvenido a unirte a nuestro Discord para discutir tus ideas con nosotros.

avascript Tips You Should Know

Código de Marte

MarsCode proporciona un IDE impulsado por IA y una extensión de IA para ayudarle en sus tareas de programación.
Declaración de liberación Este artículo se reproduce en: https://dev.to/marscode/5-javascript-tips-you-should-know-23db?1 Si hay alguna infracción, comuníquese con [email protected] para eliminarla.
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3