ES6新特性

1.模板字符串
2.ES6中的多行字符串
3.ES6中的解构赋值
4.ES6中的Promise
5.ES6中的箭头函数
6.块级作用域的let和const
7.ES6中的模块化
8.类的支持
9.默认参数值
10.for of 值遍历

1.模板字符串

function giveString() {
    let s1 = 'jack';
    //之前的字符串拼接
    let s = 'you are name '+s1;
    //ES6的字符串拼接(模板字符串用反引号``，使用${s1}语法来表示模板字符)
    let newS = `you are name ${s1}`;
    console.log(s);
    console.log(newS);
}
giveString();

输出结果

输出结果
2.ES6中的多行字符串

function giveString() {
    let s = '这是一个'
    +'换行';

    let newS = `这是一个
    换行`;

    console.log(s);
    console.log(newS);
}

giveString();

运行结果

运行结果
3.ES6中的解构赋值

let obj = {
    a:1,
    b:[1,2,3],
};

let {a} = obj;
console.log(a);

运行结果:

运行结果

4.ES6中的Promise
Promise 对象用于表示一个异步操作的最终完成 (或失败), 及其结果值.
5.ES6中的箭头函数
this在上下文和函数中的值应当是相同的，它不会变化，通常变化的原因都是因为你创建了闭包。使用箭头函数可以让我们不再用that = this或者self = this或者_this = this或者.bind(this)这样的代码，比如，这些代码在ES5中就特别丑。
6.块级作用域的let和const
我们用{}来定义块，但是在ES5中这些花括号起不到任何作用。
7.ES6中的模块化
在ES5中，用require('模块')来导入模块
但在ES6中，我们用export和import。
在需要引入的main.js文件中，可以用import {名称} from '模块'语法：
8.类的支持
现在提供原生的class支持后，对象的创建，继承更加直观了，并且父类方法的调用，实例化，静态方法和构造函数等概念都更加形象化。
9.默认参数值

function getName(name) {
    var name = name || 'jack';
    console.log(name);
}

function getNameToo(name = 'jack') {
    console.log(name);
}
getName();
getNameToo();
getName('nick');
getNameToo('nick');

运行结果

image.png
10.for of 值遍历
我们都知道for in 循环用于遍历数组，类数组或对象，ES6中新引入的for of循环功能相似，不同的是每次循环它提供的不是序号而是值。