新的变量声明方式
与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];