ES6基础

新的变量声明方式

与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。
使用let来声明一个值会被改变的变量，而使用const来声明一个值不会被改变的变量，也可以称之为常量。

箭头函数的使用

// es5
var fn = function(a, b) {
    return a + b;
}

// es6 箭头函数写法，当函数直接被return时，可以省略函数体的括号
const fn = (a, b) => a + b;

箭头函数中没有this。如果你在箭头函数中使用了this，那么该this一定就是外层的this。

模板字符串

// es5
var a = 20;
var b = 30;
var string = a + "+" + b + "=" + (a + b);

// es6
const a = 20;
const b = 30;
const string = `${a}+${b}=${a+b}`;

使用 `` 将整个字符串包裹起来，而在其中使用 ${} 来包裹一个变量或者一个表达式。

解析解构

const props = {
    className: 'tiger-button',
    loading: false,
    clicked: true,
    disabled: 'disabled'
}
// es5
var loading = props.loading;
var clicked = props.clicked;

// es6
const { loading, clicked } = props;

扩展运算符

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 10, 20, 30];

本人学识有限 文章多有不足

若有错误 请大方指出 以免误导他人