ECMAScript 2019 引入了一个新概念：空可变对象。这个概念有助于减少重复代码并提高代码的可读性。在本文中，我们将介绍空可变对象并演示如何在 JavaScript 应用程序中使用它。
空可变对象是什么？
空可变对象是一个没有任何属性的对象。但是，你可以向它添加属性，就像向任何其他对象添加属性一样。所不同的是，添加的属性可以在后面的代码中被删除或更改。
如何创建空可变对象
在 ECMAScript 2019 中，你可以使用 Object.create() 方法创建空可变对象。例如，下面的代码创建了一个空可变对象：
const emptyObject = Object.create(null);
这个对象不包含任何属性。但是，你可以按照以下方式添加属性：
emptyObject.foo = 'bar';
这个对象现在具有一个名为 "foo" 的属性，并且该属性的值为 "bar"。
空可变对象的优势
空可变对象最大的优势在于它可以减少重复代码。在 JavaScript 中，我们经常需要创建临时变量来存储一些值，这些值稍后可能会更改或删除。使用空可变对象，你可以避免创建临时变量，而是直接向对象添加属性。
例如，假设你要编写一个函数，该函数将接受一个名字和一个选项对象作为参数。选项对象包含多个属性，你可以在函数中更改这些属性。你可以按照以下方式编写该函数：
// javascriptcn.com 代码示例
function myFunction(name, options) {
options = options || Object.create(null);
if (options.foo) {
// do something
delete options.foo;
}
if (options.bar) {
// do something else
delete options.bar;
}
// ...
}在这个函数中，我们首先检查选项是否为 null 或 undefined。如果是，则使用 Object.create(null) 创建一个空可变对象。接下来，我们检查选项对象中是否存在 foo 和 bar 属性。如果存在，则执行相应的操作，并删除这些属性。由于选项对象是空可变对象，可以在后面的代码中更改或删除其他属性。
总结
空可变对象是 ECMAScript 2019 中的一个新概念，可以帮助我们减少重复代码并提高代码的可读性。虽然在实践中这个概念可能并不那么常用，但它仍然是一个有用的工具，可以在某些情况下提高 JavaScript 编码效率。
示例代码：
// javascriptcn.com 代码示例
const emptyObject = Object.create(null);
emptyObject.foo = 'bar';
console.log(emptyObject.foo); // 'bar'
delete emptyObject.foo;
console.log(emptyObject.foo); // undefined
const options = {
foo: true,
bar: true
};
myFunction('test', options);
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/6528e0b27d4982a6ebb6e17a) ，转载请注明来源
本文地址：[https://www.javascriptcn.com/post/6528e0b27d4982a6ebb6e17a](https://www.javascriptcn.com/post/6528e0b27d4982a6ebb6e17a)