"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Dicas de avascript que você deve saber

Dicas de avascript que você deve saber

Publicado em 2024-11-06
Navegar:524

Escrito por Joab Chua

1.Console.log

  • Adicione cor ao log do seu console

Pare de fazer isso! ❌

avascript Tips You Should Know

avascript Tips You Should Know
Em vez disso, tente isso. ✅

avascript Tips You Should Know

avascript Tips You Should Know
Mas se você tiver uma variedade de objetos, tente isso seria ainda melhor ?

avascript Tips You Should Know

avascript Tips You Should Know
Se você quiser medir a rapidez com que certas operações são executadas em seu código, tente isto.

avascript Tips You Should Know

avascript Tips You Should Know
Faça console.time e console.timeEnd para medir o tempo gasto no console do navegador.
Por último, se você quiser rastrear seu código e sua sequência de execução, tente isto.

avascript Tips You Should Know

avascript Tips You Should Know
Você poderá ver toneladas de informações necessárias para depurar seu aplicativo.

2. Desestruturação de objetos

avascript Tips You Should Know
Já aconteceu com você antes que você só precisa de algumas variáveis ​​​​no objeto, mas está recebendo o objeto completo e usando-o dessa maneira convencional?

avascript Tips You Should Know
Usando repetidamente a declaração de objeto humano em sua função? Não faça isso. Use a desestruturação de objetos ES6. ✅

avascript Tips You Should Know
Desestruture as variáveis ​​que você precisa usar nos argumentos da função. Alternativamente, você pode desestruturar dentro da própria função.

avascript Tips You Should Know

3. Literal do modelo

❌ Não faça isso quando estiver tentando juntar suas variáveis ​​com string.

avascript Tips You Should Know
Faça isso em vez disso. ✅
avascript Tips You Should Know

4. Operador de propagação

Digamos que você tenha 2 objetos e queira combiná-los ou atribuir algumas das propriedades de 1 objeto a outro. Tradicionalmente, faremos isso.
avascript Tips You Should Know
Não há tecnicamente nada de errado com isso, exceto que você está realmente modificando seu objeto. Em vez disso, tente isso. ✅
avascript Tips You Should Know
A melhor coisa do operador spread é que ele também funciona para array. ?
Em vez disso.
avascript Tips You Should Know
Em vez disso, faça isso.
avascript Tips You Should Know

5. laços

Você é culpado de fazer um loop for desta forma para calcular o valor total do custo em uma matriz? Pare de fazer isso. ❌
avascript Tips You Should Know
Comece a mudar seu estilo para este.
avascript Tips You Should Know
Limpo e magro. Trabalho concluído! ✅

Resumo

Espero que essas dicas ajudem você a escrever um código melhor, mais limpo e mais enxuto.

Patrocinado pela MarsCode
Bem-vindo ao nosso Discord para discutir suas ideias conosco.

avascript Tips You Should Know

Código de Marte

MarsCode fornece um IDE alimentado por IA e uma extensão de IA para auxiliar em suas tarefas de programação.
Declaração de lançamento Este artigo é reproduzido em: https://dev.to/marscode/5-javascript-tips-you-hould-know-23db?1 Se houver alguma infração, entre em contato com [email protected] para excluí-lo.
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3