ES6 解构赋值小用法

使用结构赋值替代Object.assign部分使用场景


let state = {
    name: 123,
    createTime: '2018-08-08',
    color: '#233'
};

let newState = {
    do: 'read book',
    like: '2333'
};

// 在react中会用到类似的用法
// let res = Object.assign({},state,newState);
// 现在直接
let res = { ...state, ...newState};

console.log(res);
// {name: 123, createTime: "2018-08-08", color: "#233", do: "read book", like: "2333"}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.在指定默认值时,赋值为<code>null</code>和<code>undefined</code>是不同的...
    请输入其他名字阅读 1,762评论 0 0
  • 解构 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值 数组解构赋值 本质上这种写法相当于模式匹配如...
    heheheyuanqing阅读 398评论 0 0
  • 个人博客迁移到biubu.cn,此处停更.请移步。 一. 解构 1. 对象解构 1.1 同名变量解构 代码如下: ...
    WestLonely阅读 298评论 0 1
  • 基本用法可以从数组中提取值,按照对应的位置,对变量赋值 嵌套数组进行结构 不完全解构即等号左边的模式只匹配一部分等...
    _by_w_z阅读 293评论 0 2
  • 昨天夜里烁仔又不好好睡觉了,总是醒,搞得烁爸都起来两次,这个淘气的小狗子,总这样我和爸爸都受不了啊!烁爸疼...
    雪花_阅读 175评论 0 0