Object.assign() 方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
2017-07-27 15:42
746 查看
Object.assign()方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
Object.assign(target, ...sources)
target
目标对象。
sources
(多个)源对象。
返回值
目标对象。
描述Edit
如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。Object.assign方法只会拷贝源对象自身的并且可枚举的属性到目标对象身上。该方法使用源对象的
[ [ Get ] ] 和目标对象的 [ [ Set ] ],所以它会调用相关 getter 和 setter。因此,它分配属性而不是复制或定义新的属性。如果合并源包含了 getter,那么该方法就不适合将新属性合并到原型里。假如是拷贝属性定义到原型里,包括它们的可枚举性,那么应该使用
Object.getOwnPropertyDescriptor()和
Object.defineProperty()。
String类型和
Symbol类型的属性都会被拷贝。
注意,在属性拷贝过程中可能会产生异常,比如目标对象的某个只读属性和源对象的某个属性同名,这时该方法会抛出一个
TypeError异常,拷贝过程中断,已经拷贝成功的属性不会受到影响,还未拷贝的属性将不会再被拷贝。
注意,
Object.assign会跳过那些值为
null或
undefined的源对象。
复制一个 object
var obj = { a: 1 }; var copy = Object.assign({}, obj); console.log(copy); // { a: 1 }
深度拷贝问题
针对深度拷贝,需要使用其他方法,因为Object.assign() 拷贝的是属性值。假如源对象的属性值是一个指向对象的引用,它也只拷贝那个引用值。
function test() { let a = { b: {c:4} , d: { e: {f:1}} } let g = Object.assign({},a) let h = JSON.parse(JSON.stringify(a)); console.log(g.d) // { e: { f: 1 } } g.d.e = 32 console.log('g.d.e set to 32.') // g.d.e set to 32. console.log(g) // { b: { c: 4 }, d: { e: 32 } } console.log(a) // { b: { c: 4 }, d: { e: 32 } } console.log(h) // { b: { c: 4 }, d: { e: { f: 1 } } } h.d.e = 54 console.log('h.d.e set to 54.') // h.d.e set to 54. console.log(g) // { b: { c: 4 }, d: { e: 32 } } console.log(a) // { b: { c: 4 }, d: { e: 32 } } console.log(h) // { b: { c: 4 }, d: { e: 54 } } } test();
合并 objects
var o1 = { a: 1 }; var o2 = { b: 2 }; var o3 = { c: 3 }; var obj = Object.assign(o1, o2, o3); console.log(obj); // { a: 1, b: 2, c: 3 } console.log(o1); // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。
拷贝 symbol 类型的属性
var o1 = { a: 1 }; var o2 = { [Symbol("foo")]: 2 }; var obj = Object.assign({}, o1, o2); console.log(obj); // { a: 1, [Symbol("foo")]: 2 }
继承属性和不可枚举属性是不能拷贝的
var obj = Object.create({foo: 1}, { // foo 是个继承属性。 bar: { value: 2 // bar 是个不可枚举属性。 }, baz: { value: 3, enumerable: true // baz 是个自身可枚举属性。 } }); var copy = Object.assign({}, obj); console.log(copy); // { baz: 3 }
相关文章推荐
- JavaScript 复制对象【Object.assign方法无法实现深复制】
- 工具方法补充,复制非空属性对象,可用于通用数据更新
- 输出一个javascript对象的所有属性和方法,用于Debug
- Object 对象方法学习之(1)—— 使用 Object.assign 复制对象、合并对象
- Object.assign方法复制或合并对象
- JS实现打印对象[object]的所有方法和属性
- JavaScript 复制对象【Object.assign方法无法实现深复制】
- es6 javascript对象方法Object.assign() 对象的合并复制等
- JavaScript 复制对象与Object.assign方法无法实现深复制
- Object 对象方法学习之(1)—— 使用 Object.assign 复制对象、合并对象
- JavaScript 复制对象【Object.assign方法无法实现深复制】
- 显示js对象所有属性和方法的函数
- 重写BeanUtils.copyProperties(复制对象属性方法)
- Object对象的方法和属性
- Javascript学习笔录7(学会用Object对象、属性、方法-1)
- js中Object对象常用方法和属性
- Sharepoint学习笔记—ECMAScript对象模型系列-- 3、如何查看SP object的所有方法(method)
- 获取对象的所有属性&&获取对象的所有方法
- javascript显示对象所有属性与方法
- javascript显示对象所有属性的方法