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 相关文章推荐
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
Jun 02 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
Jun 12 Javascript
js重写方法的简单实现
Jul 10 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
Bootstrap导航条鼠标悬停下拉菜单
Jan 04 Javascript
javascript定时器取消定时器及优化方法
Jul 08 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
Aug 14 Javascript
简单的网页广告特效实例
Aug 19 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
Element实现动态表格的示例代码
Aug 02 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
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
使用HMAC-SHA1签名方法详解
2013/06/26 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
2013/11/19 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
源码分析Vue.js的监听实现教程
2017/04/23 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
详解vue-cli项目中怎么使用mock数据
2018/05/29 Javascript
深入理解JavaScript的async/await
2018/08/05 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
python 设置文件编码格式的实现方法
2017/12/21 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
Keras 利用sklearn的ROC-AUC建立评价函数详解
2020/06/15 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
医学院学生的自我评价分享
2013/11/19 职场文书
经典商业广告词
2014/03/13 职场文书
文案策划岗位职责
2015/02/11 职场文书
2015年艾滋病宣传活动总结
2015/03/27 职场文书
上下班时间调整通知
2015/04/23 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
电影红河谷观后感
2015/06/11 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
教师素质教育心得体会
2016/01/19 职场文书
初中信息技术教学反思
2016/02/16 职场文书
2016年八一建军节活动总结
2016/04/05 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python