1、ES6新增了let
命令,用来声明变量。它的用法类似于var
,但是所声明的变量,只在let
命令所在的代码块内有效。
{
var a = ;
let b = ;
}
a;
b;
let不像var存在变量提升,即变量一定要声明之后才能使用
2、块级作用域
ES5只有全局作用域和函数作用域,没有块级作用域
3、变量的结构赋值
var [a, b, c] = [, , ];
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