ES10 提案解读：防止继承 Object.prototype

ES10 提案解读：防止继承 Object.prototype

在 JavaScript 中，所有对象都是从 Object.prototype 继承而来。然而，很多时候我们希望某些对象不要继承 Object.prototype 中的属性和方法，因为它们可能会造成问题或不必要的性能开销。为了解决这个问题，ES10 提供了一个新特性：Object.fromEntries()。

Object.fromEntries() 实际上是 ES10 对 Object.entries() 的一个逆向操作。在 ES10 中，Object.entries() 用于将对象转换为键值对数组，而 Object.fromEntries() 则用于将键值对数组转换为对象。下面是一个简单的示例如下：

const entries = [['name', '张三'], ['age', 18]];
const obj = Object.fromEntries(entries);
console.log(obj);
// {name: "张三", age: 18}

上面的代码将一个由键值对数组组成的数组转换为了一个对象。

实际上，Object.fromEntries() 提供的功能远不止于此，它还可以用来创建一个新对象，该对象不继承 Object.prototype 中的属性和方法。例如：

const obj = Object.fromEntries(Object.create(null));
console.log(obj); // {}
console.log(obj.toString); // undefined

上面的代码中，我们使用 Object.create() 方法创建了一个不继承任何属性和方法的空对象。然后将该对象作为参数传递给 Object.fromEntries() 方法，得到了一个新的对象，该对象不继承 Object.prototype 中的任何属性和方法。

在实际开发中，使用 Object.fromEntries() 方法可以避免一些潜在的问题，例如以下代码：

const obj = {};
console.log(obj.constructor); // ƒ Object() { [native code] }

上面的代码中，即使我们没有显式地使用 Object.prototype 上的属性或方法，new Object() 仍会继承 Object.prototype 中的 constructor 属性。这可能会导致一些不必要的问题或性能开销。

使用 Object.fromEntries() 方法可以轻松避免这个问题，例如：

const obj = Object.fromEntries(Object.create(null));
console.log(obj.constructor); // undefined

上面的代码中，我们使用 Object.create() 方法创建了一个不继承任何属性和方法的空对象，并将其作为参数传递给 Object.fromEntries() 方法，得到了一个新的对象，该对象没有 constructor 属性。

总结一下，ES10 提供的 Object.fromEntries() 方法可以用来创建一个不继承 Object.prototype 中的属性和方法的新对象，可以避免一些潜在的问题或性能开销。在实际开发中，我们应该适当地使用这个方法来优化代码，同时也需要了解其一些可能存在的限制和注意事项。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649e964a48841e9894b1ba3d