ES6与ES5差别简述

ES6与ES5差别

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

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

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

2、块级作用域

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

 3、变量的解构赋值

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

4、模板字符串

模板字符串(Template String)是增强版的字符串，用反引号(`)标识，它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

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

上面代码中，所有模板字符串的空格和换行都是被保留的，比如<ul>标签前面会有一个换行。如果想把行首和行尾的换行、空格等去掉，则使用trim方法即可。

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

模板字符串中还能调用函数。

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

我的个人博客地址： http://xiuchundu.github.io/，欢迎交流~~。