Object.assign()
创始人
2025-05-29 13:29:42
0

今天看了段前端代码 :

// 加载数据方法 必须为 Promise 对象loadData: parameter => {return getAppPage(Object.assign(parameter, this.queryParam)).then((res) => {return res.data})}
  1. 总结一下基本用法
    Object.assign 方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}

Object.assign 方法的第一个参数是目标对象,后面的参数都是源对象。

  1. 对象去重
    注意,如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。
const target = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}
  • 如果只有一个参数,Object.assign 会直接返回该参数。
const obj = {a: 1};
Object.assign(obj) === obj // true
  • 如果该参数不是对象,则会先转成对象,然后返回。
typeof Object.assign(2) // "object"
  • 由于 undefined 和 null 无法转成对象,所以如果它们作为参数,就会报错。
Object.assign(undefined) // 报错
Object.assign(null) // 报错
  • 如果非对象参数出现在源对象的位置 (即非首参数) ,那么处理规则有所不同。首先,这些参数都会转成对象,如果无法转成对象,就会 跳 过。这意味着,如果 undefined 和 null 不在首参数,就不会报错。
let obj = {a: 1};
Object.assign(obj, undefined) === obj // true
Object.assign(obj, null) === obj // true
  1. 同名属性的替换
    对于这种嵌套的对象,一旦遇到同名属性,Object.assign 的处理方法是替换,而不是添加。
const target = { a: { b: 'c', d: 'e' } } 
const source = { a: { b: 'hello' } } 
Object.assign(target, source) 
// { a: { b: 'hello' } }
  1. 取值函数的处理
    Object.assign 只能进行值的复制,如果要复制的值是一个取值函数,那么将求值后再复制。
const source = {get foo() { return 1 }
};
const target = {};Object.assign(target, source)
// { foo: 1 }

上面代码中,source 对象的 foo 属性是一个取值函数,Object.assign 不会复制这个取值函数,只会拿到值以后,将这个值复制过去。

  1. 合并多个对象
    将多个对象合并到某个对象。
const merge = (target, ...sources) => Object.assign(target, ...sources);
  1. 如果希望合并后返回一个新对象,可以改写上面函数,对一个空对象合并。
const merge = (...sources) => Object.assign({}, ...sources);

相关内容

热门资讯

Java基础361问第15问—... 文章目录什么是数据不一致问题?怎样才能保证数据一致?---> 要改谁就锁谁1 sync...
Baumer工业相机堡盟相机如... 项目场景 Baumer工业相机堡盟相机是一种高性能、高质量的工业相机,可用于各种应用场...
应急电源方案芯片CS32F03... 去年夏天因为错峰用电这项规定把很多人都折磨地头疼脑热的,甚至还衍生出许多网络段子盛行一...
emplace、emplace... 和前面学的 map、set 等容器一样,C++ 11 标准也为 uno...
算法小抄8--链表 定义 链表(指单链表)是一个由头部节点引导的,通过节点指针连接在一起的数据结构,它的形状如下:   ...
spark第三章:工程化代码 系列文章目录 spark第一章:环境安装 spark第二章:sparkc...
为何在 node 项目中使用固... 以语雀 文档为准 使用 ~、^ 时吃过亏希望版本号掌握在自己手里,作者自己升级...
OpenMV使用技巧 目录一、光照影响1. 光照过强2. 光照过弱二、杂框影响1. threshold参数2. 长宽比三、...
Git 入门最佳实践 Git 入门最佳实践 前言 Git简介 实用主义 深入探索 总结 参考资料 前言 Gi...
2023年产品经理需要考的证书... 产品经理国际资格认证NPDP是国际公认的唯一的新产品开发专业认证,集理论、方法与实践为...
论文解读:通过可解释的集成深度... Title:Learning the protein language of proteome-wi...
【Oracle 19c 及 2... 很久不关注 Oracle Database12c 以后的变化了,最近试着安装、测试一下...
员工手册作为企业内部管理的下意... 一个公司是否需要员工手册取决于公司的规模和需求。一个小型企业可能不需要员工手册,因为管...
算法详解-递归 文章目录前言主要内容初级阶乘斐波那契数列汉诺塔数组求和幂运算数组翻转字符串翻转中级全排列子集高级正则...
【Java】UDP网络编程 文章目录前言DatagramSocketDatagramPacket注意事项与区别代码演示 前言 U...
Linux pinctrl子系... Linux pinctrl子系统介绍 在很多SOC内部都有pin的控制器,通过配置pi...
[图神经网络]图嵌入 将节点映射成D维向量主要有以下几种方法:         ①人工特征工程:...
LearnDash:可用的最通... 在电子学习行业,大多数学习管理系统都提供了创建具有竞争力的教育网站的基本特性和功能。 ...
Docker 常用【基础|镜像... Centos7 下载|安装|配置|卸载 Docker:https://liush.bl...
模糊的图片能恢复成高清图吗? 之前照了一组照片,当时忘了保存原图,现在翻出来看好模糊,还...