ES6与ES5差别 - 爱码网

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

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

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

2、块级作用域

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

3、变量的结构赋值

var [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