es6技巧总结

简介: 展开运算符合并功能例1let state = { name: "jack" }{...state, { name: "finley" }}// 返回{name: "finley"}例2var arr1 = ['two', 'three'];var arr2 = ['one', .
  1. 展开运算符

合并功能

例1

let state = { name: "jack" }
{...state, { name: "finley" }}
// 返回
{name: "finley"}

例2

var arr1 = ['two', 'three'];
var arr2 = ['one', ...arr1, 'four', 'five'];
// 结果
["one", "two", "three", "four", "five"]

拷贝功能

var arr = [1,2,3];
var arr2 = [...arr]; // 和arr.slice()差不多
arr2.push(4)

记住:数组中的对象依然是引用值,所以不是任何东西都“拷贝”过去了。

例3

let ab = { ...a, ...b };
// 等同于
let ab = Object.assign({}, a, b);
相关文章
|
前端开发 JavaScript
ES6(三)
es6补充知识
75 1
|
2月前
|
前端开发
关于es6
关于es6
13 0
|
前端开发 安全
说说你的ES7-ES12的了解
说说你的ES7-ES12的了解
|
7月前
ES6常用知识小结
ES6常用知识小结
39 0
|
JavaScript 前端开发 索引
ES9,ES10
ES9,ES10
76 0
|
前端开发 JavaScript API
ES6-day03
ES6-day03
66 0
|
JavaScript 前端开发 Java
浅析-ES6
后端项目搭建完毕,接下来就是前端页面了。不过在这之前需要一些准备工作。我们需要学习ES6的语法标准。
浅析-ES6
|
JavaScript
浅谈一下ES6的提升
es6的提升 在es6之前,我们定义定义变量的时候,只能使用var关键字来定变量,这样有一个问题,var定义的变量会成为全局变量。
|
JavaScript 前端开发
什么是ES6?
什么是ES6?
150 0
什么是ES6?
|
网络架构
Day20 ES6
ECMAScript 6.0
75 0