在本文中，我们将探讨如何在尝试访问可能未定义或 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 删除重复项 :
立即学习“Java免费学习笔记（深入）”；
ecshop仿万表网商城整站
下载
该软件是以ecshop作为核心的仿制万表网的商场网站源码。万表网模板 2015最新版整体简洁大气，功能实用，是一款时尚典雅的综合类模板！样式精美的商品分类树，层次分明，分类结构一目了然。首页轮播主广告分别对应切换小广告，商品宣传更到位。独家特色增加顶级频道页面、品牌页面，以及仿京东对比功能，提升网站档次，让您的网站更加高端大气！并且全站采用div+css布局，兼容性良好，更注重页面细节，增加多种j
对于具有重复值的数组，您可以使用 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
结论
在本文中，我们探讨了一些重要概念，这些概念可以帮助防止在访问可能未定义或为 null 的值时发生错误，以及在必要时更有效地管理数据的方法.
