在前端开发中，我们经常会遇到许多变量或对象可能为 null 的情况，如果不进行判断就直接调用属性或方法，就会导致程序崩溃。而 npm 包 null-check 则提供了一种简单易用的方式来解决这个问题。
什么是 null-check
null-check 是一个轻量级的 JavaScript 库，用于检查是否为 null 或 undefined。它可以帮助开发者在访问对象的属性或方法之前，先对该对象是否存在进行判断，避免出现程序异常的情况。该库支持在浏览器端和 Node.js 环境下使用。
如何安装 null-check
使用 npm 可以很方便地安装 null-check：
npm install null-check
如何使用 null-check
使用 null-check 非常简单，只需要在需要判断的变量或对象前加上 nc 即可。下面我们来看一个示例代码：
const nullObj = null; console.log(nullObj?.foo?.bar?.baz); // 不使用 null-check，会抛出异常 console.log(nc(nullObj).foo.bar.baz); // 使用 null-check，不会抛出异常，并且会返回 undefined
上述示例中，我们声明了一个值为 null 的对象 nullObj，使用不使用 null-check 进行访问都会抛出异常。使用 null-check 则可以避免这种情况的发生，并且在访问 nullObj.foo.bar.baz 时返回 undefined。
null-check 的进阶用法
除了上述示例中的基本用法，null-check 还支持链式访问、自定义默认值和访问数组等进阶用法。
链式访问
使用 null-check 进行链式访问也很简单，只需要将多个属性或方法名用 . 连接即可。例如：
-- -------------------- ---- -------
----- --- - -
---- -
---- -
---- ------ -------
-
-
--
----------------------------------------------- -- ----- ------自定义默认值
有时候我们可能需要在访问变量或对象不存在时，给出一个默认值以避免程序异常。null-check 也支持这种用法，只需将默认值作为参数传入即可：
const obj = null; console.log(nc(obj, 'default value')); // 'default value'
访问数组
按照上述方法访问数组也是可以的，只需要使用数组下标代表访问索引即可：
const arr = [1, 2, 3]; console.log(nc(arr)[3]); // undefined
总结
null-check 的使用能够有效地避免因变量或对象为 null 导致程序异常的情况，同时其简洁易用的语法也极大地简化了代码的书写。在实际项目中，我们可以通过加强 null-check 的进阶用法来使代码更加健壮可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40378