$.extend 与Object.assign的相同与不同

zhaofeiweb

于 2020-04-10 11:21:26 发布

阅读量706

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/zhaofeiweb/article/details/105429238

js 专栏收录该内容

23 篇文章

订阅专栏

本文对比分析了jQuery的$.extend和ES6的Object.assign方法在浅拷贝与深拷贝中的应用，详细解释了如何使用$.extend进行深拷贝，并通过实例展示了其在处理复杂对象时的优势。

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

相同点：1. 函数用于将一个或多个对象的内容合并到目标对象。
2.都可以用于浅拷贝
$.extend(target ,defaults, options) 与Object.assign(target ,defaults, options)
不同点：
$.extend(true, target ,defaults, options) 可用于深拷贝
$.extend(true,{},a,b)
true：是否深度拷贝,不加为false，浅拷贝，加了深拷贝
{}：将合并结果保存到新对象，这样原对象将不会发生改变
a：第一个合并的对象
b：第二个合并的对象
深拷贝

var defaults = {name:"张三",age:18,sex:"true",scores:{chinese:70,science:100}};

var options = {name:"李四",age:20,scores:{chinese:98,math:99,english:100}};

var settings = $.extend(true,{},defaults,options);

console.log(defaults);

console.log(options);

console.log(settings);