ES6笔记

• 1、 ES6中的Object.assign()是浅拷贝，可以利用先JSON.stringify()再JSON.parse()的方式来实现json对象的深拷贝。
  • 如图1，数据odata经过红框中所示处理后，在如箭头所示修改数据后不会改变odata中的数据，因为指针已经发生了改变。

图1

• 2、使用箭头函数可以很好的解决this的问题，不用再写const me = this;了。

• 3、如果用户自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉。

state

扩展运算符

打印结果

• 4、ES6 允许直接写入变量和函数，作为对象的属性和方法，如下：

{value} === {value: value}

• 5、array.find()
  • find用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

const target = dataSource.find(item => item.key === key);