es6中的Object.assign

ES6 中的 Object.assign() 是一个用于将一个或多个源对象的属性复制到目标对象的方法。

语法:

Object.assign(target, ...sources)

  其中,target 是目标对象,sources 是一个或多个源对象。它会将源对象的可枚举属性(包括继承的属性)复制到目标对象中,并返回目标对象。

用法:

const target = { a: 1, b: 2 };
const source = { b: 3, c: 4 };
const result = Object.assign(target, source);

console.log(result); // { a: 1, b: 3, c: 4 }
console.log(target); // { a: 1, b: 3, c: 4 }

  在上面的示例中,我们有一个目标对象 target 和一个源对象 source。通过 Object.assign() 方法,我们将 source 对象的属性复制到 target 对象中。结果是 target 对象被修改,它现在具有来自 source 对象的属性。

  注意:Object.assign() 方法会修改目标对象(第一个参数),并返回目标对象。如果目标对象和源对象具有相同的属性,则源对象的属性值会覆盖目标对象的属性值。

特点:

  • 它只会复制源对象自身的可枚举属性,不会复制继承的属性。
  • 它会忽略源对象中的 null 和 undefined 值。
  • 如果目标对象是 null 或 undefined,则会抛出错误。
      注意:Object.assign() 方法执行的是浅拷贝,即如果源对象的属性值是对象或数组,则复制的是引用而不是创建新的对象或数组。如果需要进行深拷贝,可以使用其他的方法或库来实现。

Object.assign() 方法不会修改源对象的属性值

  • Object.assign() 方法不会修改源对象的属性值。它只会将源对象的属性复制到目标对象中,而不会对源对象本身进行修改。

  • 在使用 Object.assign() 方法时,目标对象的属性可能会被源对象的属性覆盖,但源对象的属性值不会发生改变。

  下面是一个示例来说明这一点:

const target = { a: 1, b: 2 };
const source = { b: 3, c: 4 };
const result = Object.assign(target, source);

console.log(result); // { a: 1, b: 3, c: 4 }
console.log(target); // { a: 1, b: 3, c: 4 }
console.log(source); // { b: 3, c: 4 }

  在上面的示例中,目标对象 target 和源对象 source 都保持不变。调用 Object.assign(target, source) 后,返回的结果是目标对象 target,它被修改以包含源对象 source 的属性。而源对象 source 本身的属性值保持不变。

  需要注意的是,如果源对象的属性值是对象或数组,那么在目标对象中复制的是该属性的引用。这意味着如果修改目标对象中的该属性值,源对象中的对应属性值也会受到影响,因为它们引用的是同一个对象或数组。这是因为 Object.assign() 是浅拷贝,只复制了属性的引用而不是创建新的对象或数组。

相关推荐

  1. ES6Promise

    2024-04-03 04:52:02       43 阅读
  2. ES6Set

    2024-04-03 04:52:02       37 阅读
  3. ES6Proxy

    2024-04-03 04:52:02       12 阅读
  4. ES6难点

    2024-04-03 04:52:02       10 阅读
  5. 详解ES6symbol

    2024-04-03 04:52:02       30 阅读
  6. ES6 字符串方法

    2024-04-03 04:52:02       17 阅读
  7. ES6解构赋值

    2024-04-03 04:52:02       14 阅读
  8. ES6Map与Set

    2024-04-03 04:52:02       13 阅读
  9. es6Object.assign

    2024-04-03 04:52:02       16 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-03 04:52:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-03 04:52:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-03 04:52:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-03 04:52:02       18 阅读

热门阅读

  1. 黑客攻击自己上班的公司会怎样?

    2024-04-03 04:52:02       12 阅读
  2. vue3的ref和reactive对比

    2024-04-03 04:52:02       17 阅读
  3. Android compose 使用指纹验证

    2024-04-03 04:52:02       15 阅读
  4. maya 遍历所有子节点

    2024-04-03 04:52:02       13 阅读
  5. 关于Kafka消息队列的深入学习

    2024-04-03 04:52:02       15 阅读
  6. 蓝桥杯_数学模板

    2024-04-03 04:52:02       14 阅读
  7. 2021年社招面试

    2024-04-03 04:52:02       16 阅读
  8. 剑指offer打卡 JZ10 斐波那契数列

    2024-04-03 04:52:02       14 阅读