Object.assign详解

一、Object.assign是什么?

Object.assign( )方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

二、用法

Object.assign(target, ...sources)

参数:target ------>目标对象

source ------>源对象

返回值:target,即目标对象

三、使用示例

1.目标对象的源对象无重名属性

let obj = {a:1,c:20}
let obj1={b:2}
Object.assign(obj,obj1) 
console.log(obj)  //{a: 1, c: 20, b: 2}
console.log(obj1) //{b: 2}

//总结:
//Object.assign(obj,obj1) 
//第一个参数是目标对象,第二个参数以及后面的参数都是源对象 相当于把obj1添加到obj中
//Object.assign()方法 ------>影响到目标对象

2、目标对象和源对象有重名属性

let obj = {a:1,c:20}
let obj1={b:2,c:30}
Object.assign(obj,obj1) 
console.log(obj)  //{a: 1, c: 30, b: 2}
console.log(obj1) //{b: 2, c: 30}


//总结:
// 如果目标对象与源对象有同名属性,则后面的属性会覆盖前面的属性

四、与$.extend( )的比较

        var target={name:'guxin',age:18}
        var source1={state:'signle',age:22}
        var source2={mood:'happy',age:25}
        var result=Object.assign(target,source1,source2)
        console.log(target,'assign')
        var targetObj={name:'guxin',age:18}
        var sourceObj1={state:'signle',age:22}
        var sourceObj2={mood:'happy',age:25}
        var result=$.extend(targetObj,sourceObj1,sourceObj2)
        console.log(targetObj,'extend')

最终运行结果:

可以看到两者得到的结果是一样的。所以,我认为这两个方法,除了兼容性应该是一样的。

原文链接:Object.assign详解_guxin_duyin的博客-CSDN博客

相关推荐
_WndProc1 分钟前
C++ 日志输出
开发语言·c++·算法
m0_748247804 分钟前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
qq_4335545410 分钟前
C++ 面向对象编程:+号运算符重载,左移运算符重载
开发语言·c++
数据小爬虫@29 分钟前
如何高效利用Python爬虫按关键字搜索苏宁商品
开发语言·爬虫·python
ZJ_.31 分钟前
WPSJS:让 WPS 办公与 JavaScript 完美联动
开发语言·前端·javascript·vscode·ecmascript·wps
GIS开发特训营36 分钟前
Vue零基础教程|从前端框架到GIS开发系列课程(七)响应式系统介绍
前端·vue.js·前端框架·gis开发·webgis·三维gis
Narutolxy37 分钟前
深入探讨 Go 中的高级表单验证与翻译:Gin 与 Validator 的实践之道20241223
开发语言·golang·gin
Hello.Reader44 分钟前
全面解析 Golang Gin 框架
开发语言·golang·gin
禁默1 小时前
深入浅出:AWT的基本组件及其应用
java·开发语言·界面编程
Cachel wood1 小时前
python round四舍五入和decimal库精确四舍五入
java·linux·前端·数据库·vue.js·python·前端框架