文档介绍:墨少亲够了吗 ES6这些就够了
刚开始用vue或react,诸多时候我们所有会把ES6这个大兄弟加入我们的技术栈中。但是ES6那么多那么多特性,我们需要所有所有掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们迅速起飞。
 
}
action //200
action //300
箭头函数
ES6很故意思的一部分就是函数的快捷写法。也就是箭头函数。
箭头函数最直观的三个特点。
不需要function核心字来创立函数
省略return核心字
继承目前上下文的 this 核心字
//例如:
[1,2,3].map
//等同于:
[1,2,3].map{
  return x + 1
}).bind)
说个小细节。
当你的函数有且仅有一种参数的时候,是可以省略掉括号的。当你函数返回有且仅有一种表达式的时候可以省略{};
例如:
var people = name => 'hello' + name
//参数name就没有括号
作为参照
var people = => {
  const fullName = 'h' + name
  return fullName
} 
//如果缺少或{}就会报错
对象初始化简写
ES5我们对于对象所有是以键值对的形式书写,是有也许浮现键值对重名的。例如:
function people {
  return {
      name: name,
      age: age
  };
}
键值对重名,ES6可以简写如下:
function people {
  return {
      name,
      age
  };
}
ES6 同样改善了为对象字面量措施赋值的语法。ES5为对象添加措施:
const people = {
  name: 'lux',
  getName: function {
     
  }
}
ES6通过省略冒号和 function 核心字,将这个语法变得更简洁
const people = {
  name: 'lux',
  getName {
     
  }
}
ES6 对象提供了这个措施来实现浅复制。可以把任意多种源对象自身可枚举的属性拷贝给目的对象,然后返回目的对象。第一参数即为目的对象。在实际项目中,我们为了不变化源对象。一般会把目的对象传为{}
const obj =
数组和对象是JS中最常用也是最重要表达形式。为了简化提取信息,ES6新增理解构,这是将一种数据构造分解为更小的部分的过程
ES5我们提取对象中的信息形式如下:
const people = {
  name: 'lux',
  age: 20
}
const name =
const age =
是不是觉得很熟悉,没错,在ES6之前我们就是这样获取对象信息的,一种一种获取。目前,解构能让我们从对象或数组里取出数据存为变量,例如
//对象
const people = {
  name: 'lux',
  age: 20
}
const { name, age } = people
//数组
const color = ['red', 'blue']
const [first, second] = color
//'red'
//'blue'
ES6中此外一种好玩的特性就是Spread Operator 也是三个点儿...接下来就展示一下它的用途。
组装对象或数组
//数组
const color = ['red', 'yellow']
const colorful = [...color, 'green', 'pink']
//[red, yellow, green, pink]
//对象
const alp = { fist: 'a', second: 'b'}
const alphabets = { ...alp, third: 'c' }
//{ "fist": "a", "second": "b", "third": "c"
}
有时候我们想获取数组或对象除了