当前位置：首页 > 文章列表 > 文章 > 前端 > 你应该知道的 Javascript 特性

你应该知道的 Javascript 特性

来源：dev.to 2024-11-03 08:48:55 0浏览收藏

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《你应该知道的 Javascript 特性》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

在本文中，我们将探讨如何在尝试访问可能未定义或 null 的数据时防止错误，并且我们将了解在以下情况下可用于有效管理数据的方法：必要的。

通过可选链接进行安全访问

在 javascript 中，当尝试访问嵌套对象中的值或函数时，如果结果为 undefined，您的代码可能会抛出错误。此错误可能会停止代码的执行。但是，如果您使用可选链接运算符，如果值或函数不存在，它将返回 undefined 而不是抛出错误。 这可以防止您的代码崩溃。

示例 :

const person = {
  name: 'john',
  address: {
    city: 'new york'
  }
};

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

空值合并

如果变量的值为null或undefined，为了避免这种情况，可以使用nullish coalescing运算符

示例 :

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

let userconfig = null;
let finalconfig = getconfig(userconfig); // { timeout: 1000, retries: 3 } 
console.log(finalconfig);

使用 set 和 weakset 管理重复项

使用 set 删除重复项 :

对于具有重复值的数组，您可以使用 set 删除

重复值

示例 :

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

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

使用 weakset 防止重复 :

由于 weakset 保存对对象 的引用，因此对象只能添加到 weakset 一次。

示例 :

// 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