在 ECMAScript 2019 中，定义了一个新的空对象协议（nullish coalescing operator），它可以帮助开发者更简洁地处理值为 null 或 undefined 的情况。
空对象协议是什么？
空对象协议是一个双问号（??）的新操作符，它可以将左侧的表达式转换成一个非空值。如果左侧的表达式的值为 null 或 undefined，则取右侧表达式的值，否则取左侧表达式的值。
空对象协议的语法结构如下：
value1 ?? value2
其中，value1 是左侧表达式，value2 是右侧表达式。如果 value1 的值为 null 或 undefined，则返回 value2 的值；否则返回 value1 的值。
空对象协议与逻辑或操作符的区别
在 JavaScript 中，逻辑或操作符（||）也可以用于处理值为 null 或 undefined 的情况。逻辑或操作符的语法结构如下：
value1 || value2
如果 value1 的值为 falsy 值（如 false、0、''等），则返回 value2 的值，否则返回 value1 的值。由于 null 和 undefined 都是 falsy 值，因此逻辑或操作符在处理这两种情况时会将它们和其他 falsy 值混同。
与逻辑或操作符不同的是，空对象协议只会在 value1 的值为 null 或 undefined 时返回 value2 的值，其他 falsy 值不会被转换。因此，在处理 null 或 undefined 值时，空对象协议比逻辑或操作符更加准确。
实际应用
在实际应用中，空对象协议可以用来简化代码。举个例子，我们经常需要为一个变量或属性设置默认值，当它的值为 null 或 undefined 时，将其赋值为一个默认值。
在过去，我们可能会使用逻辑或操作符来进行判断和赋值，例如：
var defaultValue = options.value || 'default';
在这个例子中，如果 options.value 的值为 null 或 undefined，则将它的值设置为 'default'。但是这种方式有一个问题，当 options.value 的值为 falsy 值（如 0、'' 等）时，也会将其赋值为默认值，这通常不是我们想要的。
使用空对象协议可以更好地解决这个问题：
var defaultValue = options.value ?? 'default';
这个例子中，只有当 options.value 的值为 null 或 undefined 时，才会将其值设置为 'default'，其他 falsy 值不会被转换。
示例代码
下面是一个简单的示例，展示了如何使用空对象协议来设置默认值：
// javascriptcn.com 代码示例
function showOptions(options) {
var value = options.value ?? 'default';
var color = options.color ?? 'blue';
console.log('value:', value);
console.log('color:', color);
}
showOptions({ value: null, color: 'red' });
// output:
// value: default
// color: red
showOptions({ value: 0, color: 'green' });
// output:
// value: 0
// color: green
showOptions({ value: '', color: 'yellow' });
// output:
// value:
// color: yellow在这个示例中，showOptions 函数接受一个 options 对象作为参数，然后使用空对象协议来设置默认值。当 options 中的属性值为 null 或 undefined 时，将其转换为默认值。
总结
空对象协议是 ECMAScript 2019 新增的一个操作符，它可以帮助开发者更简洁地处理值为 null 或 undefined 的情况。与逻辑或操作符不同的是，在处理 null 或 undefined 值时，空对象协议比逻辑或操作符更加准确。在实际应用中，我们可以使用空对象协议来设置默认值，简化代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65280a447d4982a6eba97948