ES5与ES6的区别

1、ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

• let不像var存在变量提升，即变量一定要声明之后才能使用

 {
        var a = 1;
        let b = 1;
    }
    a;
    b;/

2、块级作用域

• ES5只有全局作用域和函数作用域，没有块级作用域

3、变量的解构赋值

let [a, b, c] = [1, 2, 3];

4、模板字符串(反引号)

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);

• 模板中可以嵌套函数

function fn() {
  return "Hello World";
}
 
`foo ${fn()} bar`
// foo Hello World bar

5、函数参数的默认值

• ES5

function log(x, y) {
  y = y || 'World';
  console.log(x, y);
}
 
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello World

• ES6

function log(x, y = 'World') {
  console.log(x, y);
} 
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello