"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 > Recursos de Javascript que você deve conhecer

Recursos de Javascript que você deve conhecer

Publicado em 2024-11-07
Navegar:438

Features of Javascript You Should Know

Neste artigo, exploraremos como evitar erros ao tentar acessar dados que podem ser indefinidos ou nulos, e veremos métodos que você pode use para gerenciar dados de forma eficaz quando necessário.

Acesso seguro com encadeamento opcional

Em JavaScript, ao tentar acessar um valor ou função dentro de objetos aninhados, se o resultado for indefinido, seu código poderá gerar um erro. Este erro pode interromper a execução do seu código. No entanto, se você usar o operador de encadeamento opcional, ele retornará indefinido em vez de gerar um erro se o valor ou função não existir. Isso evita que seu código trave.

Exemplo :

const person = {
  name: 'John',
  address: {
    city: 'New York'
  }
};

console.log(person.address?.city); // 'New York'
console.log(person.address?.country); // undefined, no error

Coalescência Nula

Se o valor de uma variável for nulo ou indefinido,Para evitar isso, você pode usar o operador coalescência nula

Exemplo :

function getconfig(config) {
    return config ?? { timeout: 1000, retries: 3 };
}

let userConfig = null;
let finalConfig = getConfig(userConfig); // { timeout: 1000, retries: 3 } 
console.log(finalConfig);

Gerenciando duplicatas com Set e WeakSet

Removendo duplicatas com Set :

Para um array com valores duplicados você pode remover valor duplicado usando set

Exemplo :

const letter= ["a", "b", "c" , "c" , "a" , "d" ,"d" ,];
const result= [...new Set(letter)];

console.log(result) => ["a", "b" , "c" , "d"]

Evitando duplicatas com WeakSet :

Como WeakSet contém referências a objetos, um objeto só pode ser adicionado a um WeakSet uma vez.

Exemplo :

// Creating a WeakSet
const weakset = new WeakSet();

// Defining objects
const personJane = { name: 'jane' };
const personMike = { name: 'mike' };

// Adding objects to the WeakSet
weakset.add(personJane);
weakset.add(personMike);

console.log(weakset.has(obj1)); // true
console.log(weakset.has(obj2)); // true

// Attempting to add the same object again
weakset.add(obj1); // obj1 is already present, won't be added again

console.log(weakset.has(obj1)); // true
console.log(weakset.has(obj2)); // true

// Removing an object from the WeakSet
weakset.delete(obj1);
console.log(weakset.has(obj1)); // false

// Adding the object again
weakset.add(obj1);
console.log(weakset.has(obj1)); // true

Conclusão

Neste artigo, exploramos alguns conceitos importantes que podem ajudar a evitar erros ao acessar valores que podem ser indefinidos ou nulos, bem como métodos para gerenciar dados de forma mais eficaz quando necessário .

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/sonaykara/javascript-features-you-need-to-know-2n8c?1 Se houver alguma violação, entre em contato com [email protected] para excluí-la
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