object.assign函数用法
来源:互联网 发布:网络直播app多少钱 编辑:程序博客网 时间:2024/05/16 15:10
Object.assign()
方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
语法
Object.assign(target, ...sources)
参数
target
- 目标对象。
sources
- (多个)源对象。
返回值
目标对象。
描述
如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。后来的源的属性将类似地覆盖早先的属性。
Object.assign
方法只会拷贝源对象自身的并且可枚举的属性到目标对象身上。该方法使用源对象的 [ [ Get ] ] 和目标对象的 [ [ Set ] ],所以它会调用相关 getter 和 setter。因此,它分配属性而不是复制或定义新的属性。如果合并源包含了 getter,那么该方法就不适合将新属性合并到原型里。假如是拷贝属性定义到原型里,包括它们的可枚举性,那么应该使用 Object.getOwnPropertyDescriptor()
和 Object.defineProperty()
。
String
类型和 Symbol
类型的属性都会被拷贝。
注意,在属性拷贝过程中可能会产生异常,比如目标对象的某个只读属性和源对象的某个属性同名,这时该方法会抛出一个 TypeError
异常,拷贝过程中断,已经拷贝成功的属性不会受到影响,还未拷贝的属性将不会再被拷贝。
注意, Object.assign
会跳过那些值为 null
或 undefined
的源对象。
示例
复制一个 object
var obj = { a: 1 };var copy = Object.assign({}, obj);console.log(copy); // { a: 1 }
深度拷贝问题
针对深度拷贝,需要使用其他方法,因为 Object.assign() 拷贝的是属性值。假如源对象的属性值是一个指向对象的引用,它也只拷贝那个引用值。
function test() { let a = { b: {c:4} , d: { e: {f:1}} } let g = Object.assign({},a) let h = JSON.parse(JSON.stringify(a)); console.log(g.d) // { e: { f: 1 } } g.d.e = 32 console.log('g.d.e set to 32.') // g.d.e set to 32. console.log(g) // { b: { c: 4 }, d: { e: 32 } } console.log(a) // { b: { c: 4 }, d: { e: 32 } } console.log(h) // { b: { c: 4 }, d: { e: { f: 1 } } } h.d.e = 54 console.log('h.d.e set to 54.') // h.d.e set to 54. console.log(g) // { b: { c: 4 }, d: { e: 32 } } console.log(a) // { b: { c: 4 }, d: { e: 32 } } console.log(h) // { b: { c: 4 }, d: { e: 54 } }}test();
合并 objects
var o1 = { a: 1 };var o2 = { b: 2 };var o3 = { c: 3 };var obj = Object.assign(o1, o2, o3);console.log(obj); // { a: 1, b: 2, c: 3 }console.log(o1); // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。
阅读全文
0 0
- object.assign函数用法
- Object.assign函数
- STL vector assign函数用法
- Object.assign()
- Object.assign
- Object.assign()
- Object.assign()
- Object.assign方法的使用和splice方法用法
- c++ substr()和assign()函数用法
- R 语言assign 和get 函数用法
- c++ substr()和assign()函数用法
- STL里Vector的assign()函数用法
- class object assign operater
- Object.assign的使用
- node之object-assign
- ES6之Object.assign
- Object.assign 学习
- Object.assign()方法
- 基于SSH的BootstrapTable插件使用小记
- JAVA异常
- 8. 树--堆
- Spring任务调度<task:scheduled-tasks>(定时器)
- python解惑之:整数比较
- object.assign函数用法
- Vue警告
- 运算符重载实现二维数组旋转
- 54_RT
- 简易商品购物系统购物界面程序设计
- 阶段性测验遗漏知识点
- 堆-数据结构
- 第二次作业
- 用贪心算法解背包问题(装载问题)