js的Object.assign用法示例分析


Posted in Javascript onMarch 05, 2020

本文实例讲述了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, obj1, obj2);
console.log(o, obj);

运行结果:

 js的Object.assign用法示例分析

示例2(属性值包括引用类型)

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

运行结果:

 js的Object.assign用法示例分析

例子:给ReactNative Text组件增加全局属性

import { Text, TextInput } from 'react-native'
TextInput.defaultProps = Object.assign({}, TextInput.defaultProps, {defaultProps: false});
 // 新版RN使用该方法替代
Text.defaultProps = Object.assign({}, Text.defaultProps, {allowFontScaling: false});

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js apply/call/caller/callee/bind使用方法与区别分析
Oct 28 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
javascript显示倒计时控制按钮的简单实现
Jun 07 Javascript
浅析JavaScriptSerializer类的序列化与反序列化
Nov 22 Javascript
Bootstrap table使用方法记录
Aug 23 Javascript
深入理解Node module模块
Mar 26 Javascript
Vue项目中使用WebUploader实现文件上传的方法
Jul 21 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
vue-iview动态新增和删除的方法
Jun 17 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 Javascript
使用js获取身份证年龄的示例代码
Dec 11 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
Mar 05 #Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 #Javascript
vue中使用vue-print.js实现多页打印
Mar 05 #Javascript
koa2的中间件功能及应用示例
Mar 05 #Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 #Javascript
javascript将16进制的字符串转换为10进制整数hex
Mar 05 #Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 #Javascript
You might like
ADODB的数据库封包程序库
2006/12/31 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
PHP读取、解析eml文件及生成网页的方法示例
2017/09/04 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
2009/08/04 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
JQuery学习笔录 简单的JQuery
2012/04/09 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
jQuery实现的一个自定义Placeholder属性插件
2014/08/11 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
2016/01/28 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
js 性能优化之算法和流程控制
2017/02/15 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
用Python编写web API的教程
2015/04/30 Python
Python3解决棋盘覆盖问题的方法示例
2017/12/07 Python
python自动化工具之pywinauto实例详解
2019/08/26 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
python实现图像随机裁剪的示例代码
2020/12/10 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
银行见习期自我鉴定
2014/01/29 职场文书
通讯稿格式及范文
2015/07/22 职场文书
新入职员工工作总结
2015/10/15 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js