js中Object.assign()

时间: 2023-10-15 22:23:41 浏览: 168

js的Object.assign用法示例分析

5星 · 资源好评率100%

本文实例讲述了js的Object.assign用法。分享给大家供大家参考，具体如下：作用 Object.assign() 用于将所有可枚举的自有属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。语法 Object.assign(target, …sources) 参数： target：目标对象 sources：任意多个源对象返回值返回值为合并属性后的目标对象，即target。示例1（属性值是值类型） var obj1 = { a:1 }; var obj2 ={ b:2 }; var obj = {}; var o = Object.assign(obj, JavaScript中的`Object.assign()`方法是一种用于对象合并的强大工具，它允许你将一个或多个源对象的属性复制到目标对象中。这个方法对于处理对象的复制、组合或者在某些情况下进行对象初始化非常有用。以下是关于`Object.assign()`的详细说明： **作用** `Object.assign()`的主要功能是将源对象（`sources`）中的所有可枚举的自有属性的值复制到目标对象（`target`）。这意味着，源对象的所有非`undefined`属性（包括直接定义在对象上，而不是其原型链上的属性）都将被复制。此外，`Object.assign()`会返回目标对象，即经过合并属性后的对象。 **语法** ```javascript Object.assign(target, ...sources) ``` - `target`：这是要接收其他对象属性的目标对象。 - `...sources`：一个或多个源对象，它们的属性将被复制到目标对象。如果多个源对象有相同的属性，后面的源对象的属性会覆盖前面的。 **示例** **示例1 - 属性值是值类型** ```javascript var obj1 = { a: 1 }; var obj2 = { b: 2 }; var obj = {}; var o = Object.assign(obj, obj1, obj2); console.log(o, obj); ``` 在这个例子中，`obj`对象将获得`obj1`和`obj2`的属性，`o`和`obj`都将是`{ a: 1, b: 2 }`。 **示例2 - 属性值包括引用类型** ```javascript var obj1 = { a: 1, fn: function() { console.log(this.a); } }; var obj2 = { b: 2, c: { name: "Bob" } }; var obj = Object.assign({}, obj1, obj2); obj.fn(); // ->> 1 console.log(obj.c.name); // ->> Bob ``` 在这个例子中，函数引用（`fn`）和对象引用（`c`）都被正确地复制了。当调用`obj.fn()`时，由于函数的作用域链，`this`指向`obj`，所以输出`1`。而`obj.c.name`则输出`Bob`。 **在React Native中的应用** 在React Native中，`Object.assign()`常用于给组件添加默认属性。以下两个例子展示了如何使用`Object.assign()`给`TextInput`和`Text`组件增加全局属性： ```javascript // 给TextInput添加默认属性 TextInput.defaultProps = Object.assign({}, TextInput.defaultProps, { defaultProps: false }); // 给Text组件添加全局属性 Text.defaultProps = Object.assign({}, Text.defaultProps, { allowFontScaling: false }); ``` 这些操作可以改变组件的默认行为，例如，将`allowFontScaling`设置为`false`，可以防止文本缩放，保持一致的字体大小。 **注意事项** - `Object.assign()`不会执行深度拷贝，它只会拷贝源对象的顶层属性。如果源对象的属性值是另一个对象，那么目标对象将引用同一个对象，而不是创建一个新副本。 - 非对象类型的值（如字符串、数字、布尔值）会被转换为对象，然后进行赋值操作。如果源值是`null`或`undefined`，它们将被忽略。 **总结** `Object.assign()`是JavaScript中处理对象合并和属性复制的关键方法，它在开发过程中经常被用来合并配置对象、扩展组件属性等。了解其工作原理和应用场景对于提升JavaScript编程效率和代码质量至关重要。

在JavaScript中，Object.assign()方法用于将一个或多个源对象的可枚举属性的值复制到目标对象中，并返回目标对象。该方法的语法为Object.assign(target, ...sources)，其中target是目标对象，而sources是一个或多个源对象。当使用Object.assign()方法时，如果源对象和目标对象有相同的属性名，后面的源对象的属性值将会覆盖前面的属性值。例如，如果有两个源对象obj1和obj2，其中obj1的name属性为"zhangsan"，obj2的name属性为"yunchong"，那么使用Object.assign()方法后的目标对象的name属性值将为"yunchong"。就像在引用的代码示例中所展示的一样，Object.assign()方法可以用来创建一个目标对象的浅拷贝。使用Object.assign({}, obj)可以将obj对象的属性复制到一个新的空对象中，并返回该新对象。总而言之，JavaScript中的Object.assign()方法是用来复制源对象的可枚举属性到目标对象中的方法。它可以用于创建目标对象的浅拷贝，并且在合并属性时后面的源对象会覆盖前面的属性值。123 #### 引用[.reference_title] - *1* *2* [js中关于 Object.assign的讲解（觉得会用就行了嘛?你不知道的东西在这里，一位重视 js 基础的前端小菜鸟...](https://blog.csdn.net/yunchong_zhao/article/details/108824105)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [js的Object.assign用法示例分析](https://download.csdn.net/download/weixin_38711643/13133673)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

阅读全文

js中Object.assign()

相关推荐

js 将多个对象合并成一个对象 assign方法的实现

ES6中新增的Object.assign()方法详解

深入理解JavaScript中的Object.assign方法

深入了解JavaScript中的Object.assign用法

创建Person对象 使用Object.assign()给对象添加属性name、age; 使用Object.assign()给对象方法infor(),输出对象的name和age值； 使用Object.assign()给对象添加属性sex，并设置默认值为‘male’；

vue.js的Object.assign如何使用？

JavaScript Object.assign

js Object.assign

对象的常用的操作 Object.assign(对象的深复制/浅复制) Object.defineProperty Object.keys Object.values Object.freeze

js Object.assign源码

js Object.assign讲解

js Object.assign 讲解

object.assign 跟object.extend区别

js代码-Object.assign

js Object.assign()

js中Object.assign

object-assign:Object.assign() 实现

JavaScript对象拷贝与Object.assign用法实例分析

最新推荐

JavaScript对象拷贝与Object.assign用法实例分析

stata软件安装包（stata18）（stata软件安装包下载与安装）

基于Java的电力设备管理系统的开发与设计

探索数据转换实验平台在设备装置中的应用

管理建模和仿真的文件

ggflags包的国际化问题：多语言标签处理与显示的权威指南

如何使用MATLAB实现电力系统潮流计算中的节点导纳矩阵构建和阻抗矩阵转换，并解释这两种矩阵在潮流计算中的作用和差异？

使用git-log-to-tikz.py将Git日志转换为TIKZ图形

"互动学习：行动中的多样性与论文攻读经历"

ggflags包的定制化主题与调色板：个性化数据可视化打造秘籍