3 Truques Inteligentes 💡 de JavaScript (JS) que todo dev deve saber 📚
JavaScript ✨ - linguagem de programação mais popular para o desenvolvimento web, permitindo que os desenvolvedores criem uma interface de usuário frontal e lógica de back-end. 👨💻
1. Passando argumentos como objetos
const criaProduto = ({ nome, descricao, preco }) => {
// Crie o produto
};
criaProduto({
nome: "Pizza Pepperoni",
descricao: "Quentinha e deliciosa",
preco: 15.99,
});
-
A ordem dos parâmetros não importa mais, permitindo que você se concentre no fornecimento de código de alta qualidade, em vez de verificar repetidamente a definição da função.
-
Este método comunica a intenção de maneira clara, pois as chamadas de função especificam o valor de cada propriedade.
2. Usando geradores para criar IDs sequenciais
function customIDGenerator() {
var i = 0;
while (true) {
yield i++;
}
}
const generateID = customIDGenerator();
console.log(generatorID.next().value); // 0
console.log(generatorID.next().value); // 1
console.log(generatorID.next().value); // 2
-
Com os geradores sendo introduzidos no ES6, nunca foi tão fácil gerar sequências infinitas e não repetíveis!
-
Se você não sabe o que são geradores, são funções que empregam uma avaliação preguiçosa usando o yield palavra-chave para processar e retornar dados, sob demanda.
-
Com esse truque, você não precisa mais confiar em variáveis globais / de classe para lembrar o estado!
3. Formate a saída JSON com espaços
const perfil = {
name: "Mary",
age: 28,
dateJoined: "30-11-2022",
};
JSON.stringfy(profile, null, 2);
/*
{
"name": "Mary",
"age": 28,
"dataJoined": "30-11-2022"
}
*/
-
Uma ferramenta simples, porém muito eficaz, para exportar JSON legível, fornecendo a quantidade de espaços a serem usados para recuo no terceiro parâmetro.
-
O segundo parâmetro é o replacer e pode ser uma função que controla o stringify-ing process, ou pode ser uma matriz; nesse caso, indica o nome das propriedades que devem ser incluídas na saída stringificada.
-
Você pode ler mais sobre como o stringfy funciona aqui.
Se quiser, adicione mais truques e idéias 💡 de JS nos comentários. 🐱👤