ES6新特性

箭头函数

相当于匿名函数

• 箭头函数本身没有作用域（无this）
• 箭头函数的this指向上一层，上下文决定其this
• 基本语法：参数 => 函数体
• 箭头函数体中的 this 对象，是定义函数时的对象，而不是使用函数时的对象。在函数定义的时候就已经决定了

() => return 'hello'

(a, b) => a + b

(a) => {
  a = a + 1
  return a
}

ES6新特性箭头函数语法、如何正确使用箭头函数_Hayley2016的博客-CSDN博客_箭头函数

`${}`

反单引号(``)完成拼接字符串而不是单引号（‘’）

let str=`I love ${a}, because he is handsome.`;

let：ES6新增，用于声明变量，有块级作用域

let [a, b, c] = [1, 2, 3];
// a = 1，b = 2，c = 3 相当于重新定义了变量a,b,c，取值也更加方便

// , = 占位符
let arr = ["小明", "小花", "小鱼", "小猪"];
let [,,one] = arr; // 这里会取到小鱼

// 解构整个数组
let strArr = [...arr];
// 得到整个数组
console.log(strArr);

• 解构赋值是对赋值运算符的扩展
• 针对数组或者对象进行模式匹配，然后对其中的变量进行赋值
• 都2021年了，再不学ES6你就out了 —— 一文搞懂ES6_欧阳呀的博客-CSDN博客