Object.assign(target, source1,source2)

最新推荐文章于 2025-03-06 09:30:00 发布
最新推荐文章于 2025-03-06 09:30:00 发布
阅读量185 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tinyint_813/article/details/117882044
本文深入探讨了JavaScript中深拷贝和浅拷贝的概念，解释了它们在处理对象复制时的区别。当源对象的属性值为简单数据类型时，拷贝为深拷贝；若属性值为引用数据类型，则拷贝为浅拷贝。理解这两种拷贝方式对于优化代码性能和避免意外修改至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

作用
将可枚举属性的值多个源对象复制到目标对象，并返回对象
如果源对象属性的值是简单数据类型，就是深拷贝；如果源对象属性值为引用数据类型，那么就是浅拷贝

Object.assign方法有什么用？超详细测试用例、实例、可以在浏览器的控制台打印结果
南北极之间
07-14 215
是一个 JavaScript 方法，用于将一个或多个源对象的所有可枚举属性复制到目标对象中。它返回目标对象。这个方法常用于合并对象或浅复制对象。
ES6 的Object.assign(target, source_1, ···)方法与对象的扩展运算符
dengling4813的博客
03-25 360
一、基本概念 Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。 Object.assign(target, source_1, ..., source_n) 二、基本用法 let target = {a: 1}; let obje...
ES6-Object.assign()
wanglei的博客
09-30 133
Object.addign(target, source1, source2) 该方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象。source1,source2可选，如果只有source,则此方法返回target本身。 const target = { a: 1, b: 1 }; const source1 = { b: 2, c: 2 }; const source2 = { c: 3 }; Object.assign(target, source1, source2).
Object.assign详解
DZQ1223的博客
04-11 7789
分析：从例子中可以看出，当我们修改目标对象的属性值时，源对象的name没有变化，但是grade.chi却被改变了（修改源对象的属性也是同理），因此我们可以看出Object.assign()拷贝的只是属性值，假设源对象的属性值是一个指向对象的引用，那么它也只拷贝那个引用值。1、Object.assign()方法的第一个参数是目标对象，后面的参数都是源对象，Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。这个对象的任何变化，都会反映到目标对象上面。
Object.assign用法
weixin_66128399的博客
03-06 4802
如果只是想将两个或多个对象的属性合并到一起，不改变原有对象的属性，可以用一个空的对象作为target对象。假如源对象的属性值是一个对象的引用，那么它也只指向那个引用。简单来说，就是Object.assign()是对象的静态方法，可以用来复制对象的可枚举属性到目标对象，利用这个特性可以实现对象属性的合并。没有同名的属性会直接复制到目标对象上，同名的属性后面的属性值会覆盖前面的同名属性值。1、Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象，继承属性和不可枚举属性是不能拷贝的。
js代码-// Object.assign(target, source)
07-15
Object.assign(target, source1, source2, ...); ``` 这里的`target`是接收其他对象属性的目标对象，`source1`, `source2`, ... 是源对象，它们的属性将被合并到目标对象。如果多个源对象有相同的属性，后面的源...
ES6 Object.assign()的用法及其使用
11-21
Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。 let targetObj1 = { a: 1 }; let sourceObj1 ...
Object.assign()用法学习
m0_72030584的博客
03-06 837
本文讲解Object.assign()用法学习
ES6中的浅复制--Objeck.assign()
weixin_45846357的博客
06-27 188
ES6对象提供了 Object.assign() 这个方法来实现浅复制。 使用assign主要是为了简化对象的混入（mixin）。混入是指的在一个对象中引用另一个对象的属性或方法。 assing可以把一个对象的属性和方法完整的转copy到另外一个对象中。 在es5中复制一个对象，需要很长的一段代码，而es6完全解决了这个问题： var p = { name : "lisi", age : 20, friends : ['张三', '李四'] }
js合并对象和js合并数组
我爱吃红薯的博客
12-10 530
js合并对象 Object.assign(target，xxx，xxx，...) ：将所有可枚举属性的值从一个或多个源对象复制到目标对象 assign<T, U, V>(target: T, source1: U, source2: V): T & U & V; let target={},//目的：要将a,b,c对象复制到target对象中 let a = { a: 1 }; let b = { b: 2 }; let c = { c: 3 }; ...
Object.assign()用法讲解
cxu123321的博客
01-14 1762
Object.assign()用法讲解 Calla_Lj 最后发布于2019-04-23 18:54:32 语法: Object.assign(target, …sources) target: 目标对象,sources: 源对象 用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 const target = { a: 1, b: 2 }; const source...
ES6之Object.assign()详解
weixin_34092455的博客
09-11 487
**译者按: ** 这篇博客将介绍ES6新增的Object.assign()方法。 原文: ECMAScript 6: merging objects via Object.assign() 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 ...
Object.assign的用法
远方
12-02 1847
Object.assign()方法用于将源对象的所有可枚举属性复制带目标对象 Object.assign方法的第一个参数是目标参数，后面的参数是源对象 var target={a:1}; var source1={b:2}; var source2=[c:3}; Object.assign(target,source1,source2); console.log(target);//{a: 1, ...
关于对象Object.assign(target, …sources) 方法-今日笔记
知其白，守其黑；和其光，同其尘。
08-24 890
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法：Object.assign(target, …sources) target：目标对象。 sources：源对象。 返回值：目标对象。 描述 如果目标对象中的属性具有相同的键，则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。 Object.assi...
Object.assign()方法
07-15 1129
转载：http://www.cnblogs.com/zhaowenxin/p/6160676.html 对象的扩展 1.ES6中，对象的属性和方法可简写：对象的属性值可不写，前提是属性名已经声明； 1 var name = "zhangsan"; 2 var password = "1111111"; 3 var obj = { 4 ...
ES6--对象
吴声子夜歌的博客
10-15 583
对象字面量 属性的简洁表示法： ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; person //{age: 12, name: "Amy"} //等同于 const person = {age: age, name: name} 方法名也可...
Object.assign传参
最新发布
05-27
### Object.assign 方法的参数用法 `Object.assign` 是 JavaScript 中用于对象属性拷贝的方法，其基本语法如下： ```javascript Object.assign(target, ...sources); ``` #### 参数说明 - **target**: 目标对象。该对象会被修改并接收来自源对象的所有可枚举自有属性[^1]。 - **...sources**: 一个或多个源对象。这些对象中的所有可枚举自有属性都会被复制到目标对象 `target` 上。 如果目标对象和源对象具有相同的属性名，则目标对象上的属性会由最后一个源对象中的同名属性覆盖[^2]。 以下是具体的使用案例： #### 基本用法示例 下面是一个简单的例子展示如何使用 `Object.assign` 进行浅拷贝操作： ```javascript const target = { a: 1 }; const source = { b: 2 }; // 将 source 的属性赋值给 target Object.assign(target, source); console.log(target); // 输出: { a: 1, b: 2 } ``` #### 多个源对象的情况 当存在多个源对象时，后面的源对象可以覆盖前面源对象中相同名称的属性： ```javascript const target = { a: 1, b: 1 }; const source1 = { b: 2, c: 2 }; const source2 = { c: 3, d: 3 }; Object.assign(target, source1, source2); console.log(target); // 输出: { a: 1, b: 2, c: 3, d: 3 } ``` #### 浅拷贝行为 需要注意的是，`Object.assign` 执行的是浅拷贝而不是深拷贝。这意味着对于嵌套的对象结构，它只会复制引用而非实际的内容： ```javascript const obj1 = { innerObj: { key: 'value' } }; const obj2 = {}; Object.assign(obj2, obj1); obj2.innerObj.key = 'new value'; console.log(obj1.innerObj.key); // 输出: 'new value' ``` 以上情况表明，由于只是简单地复制了引用地址，在更改其中一个对象内部数据时会影响另一个对象的数据[^3]。 #### 解决传参相关问题 在某些场景下可能需要通过函数调用来动态设置目标或者源对象。此时可以通过将变量作为参数传递来实现灵活控制： ```javascript function mergeObjects(...args) { const result = {}; args.forEach(arg => { if (typeof arg === 'object') { Object.assign(result, arg); } }); return result; } const merged = mergeObjects({a:1}, {b:2}); console.log(merged); // 输出: { a: 1, b: 2 } ``` 此方法允许任意数量的对象作为输入，并将其合并成一个新的单一对象返回。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值