es6+的javascript拓展内容

一.let,const

1.因为块级的作用域，这样打印01234，循环外打印i会报错

for (let i = 0; i < 5; i++) {
    setTimeout(console.log(i), 0);
}

用es6以后，可以用块级作用域代替闭包

2.不存在变量提升

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

一个大括号就是一个作用域，let tmp使该作用域绑定了tmp，let前赋值就报错。

3.不能重复声明

4.块级作用域内声明的函数类似于let，对作用域之外没有影响

function f() { console.log('I am outside!'); }
(function () {
  if (false) {
    // 重复声明一次函数f
    function f() { console.log('I am inside!'); }
  }

  f();
}());

这种方式在es5中if里面的f声明会提前，在es6中，if条件不满足就不执行函数声明，因为这个声明类似let。

5.const 声明后不能修改变量内容

二.变量的解构赋值

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

let [ , , third] = ["foo", "bar", "baz"];
third // "baz"

let [x, , y] = [1, 2, 3];
x //
y //

let [head, ...tail] = [1, 2, 3, 4];
head //
tail // [2, 3, 4]

下面代码的写法会报错，因为JavaScript引擎会将{x}理解成一个代码块，从而发生语法错误。只有不将大括号写在行首，避免JavaScript将其解释为代码块，才能解决这个问题。

var a;
 { a} = {a:1}
console.log(a );//error

解构赋值需要等号右边具有Iterator接口，比如generator函数。

1.解构赋值允许指定默认值。

var [foo = true] = [1];
foo //

es6会用全等判断 foo对应的值 ===undefined，相等就会用默认值。不等就用它对应的值。

以上相当于 1?(foo=1):(foo=true);就是说，如果默认值foo=函数，如果后面不是undefined这个函数就不会执行。

2.关于解构赋值中的圆括号

变量声明语句中，不能带有圆括号。

// 全部报错
var [(a)] = [1];

var {x: (c)} = {};
var ({x: c}) = {};
var {(x: c)} = {};
var {(x): c} = {};

var { o: ({ p: p }) } = { o: { p: 2 } };

赋值语句中，不能将整个模式，或嵌套模式中的一层，放在圆括号之中。

// 全部报错
({ p: a }) = { p: 42 };
([a]) = [5];

可以使用圆括号的情况只有一种：赋值语句的非模式部分，可以使用圆括号。

[(b)] = [3]; // 正确
({ p: (d) } = {}); // 正确
[(parseInt.prop)] = [3]; // 正确

三.字符串拓展

这里只写常用的方法

1.ES6为字符串添加了遍历器接口,使得字符串可以被for...of循环遍历。

2.at方法，可以识别Unicode编号大于0xFFFF的字符，返回正确的字符。

'abc'.at(0) // "a"
'