31

考虑以下代码：

var obj1 = Object.create({}, {myProp: {value: 1}});
var obj2 = Object.assign({}, {myProp: 1});

由于每个对象都是以不同的方式创建的，obj1两者之间有什么区别吗？obj2

4

4 回答 4

47

让我们比较一下obj1，obj2在这段代码中：

var target1 = {}, target2 = {};
var obj1 = Object.create(target1, {myProp: {value: 1}});
var obj2 = Object.assign(target2, {myProp: 1});

原型链

Object.create使用指定的 [[Prototype]] 创建一个新对象，并Object.assign直接在指定对象上分配属性：

obj1 !== target1;
obj2 === target2;

obj1的原型链obj2看起来像

obj1 --> target1 -->  Object.prototype --> null
obj2 -------------->  Object.prototype --> null

特性

Object.create定义属性并Object.assign仅分配它们。

创建属性时，赋值会将其创建为可配置、可写和可枚举的。定义属性时，您可以指定这些标志，但默认情况下它不可配置、不可写且不可枚举。

Object.getOwnPropertyDescriptor(obj1, 'myProp');
  // { value: 1, writable: false, enumerable: false, configurable: false }
Object.getOwnPropertyDescriptor(obj2, 'myProp');
  // { value: 1, writable: true, enumerable: true, configurable: true }
于 2016-01-17T12:32:44.233 回答
10

Object.assign()提供浅拷贝（仅属性和方法），它将覆盖声明的方法和属性。

而Object.create()提供深拷贝提供原型链。

我创建了一个完整的媒体页面，详细介绍了每种数据类型对浅拷贝和深拷贝的反应。

这是链接：https ://siddharthsunchu1.medium.com/copies-of-javascript-shallow-and-deep-copy-ac7f8dcd1dd0

于 2018-09-07T17:59:24.413 回答
2

您还可以将它们组合Object.assign(Object.create(object))用于浅拷贝和深拷贝，它们是 ES6 中完全有效的模式。

于 2020-08-06T09:12:10.523 回答
-1

我们也可以像这样创建对象的深层副本

var obj = {id:1, fname:'sajid', lname: 'imtiaz'};
var deepObj = Object.assign({},obj)

`

于 2021-02-21T15:39:01.617 回答