ES6 let、const、顶层变量和全局变量的区别

在ES6规范中，增加了块作用域，学过java的很容易理解，就是这个变量只能在这个作用域中行使，除了这个作用域，就不能使用  在ES6中增加了let、const，本质区别了var，function，后者是全局变量，前者是块作用域变量。

ES6重新解释了顶层和全局的概念，在顶层中如window和globe属于顶层，而在let，const，class则是全局变量，和顶层有本质的区别！

var a = 1; // 如果在Node的REPL环境，可以写成global.a // 或者采用通用方法，写成this.a window.a // 1 let b = 1; window.b // undefined


yield 函数：代码执行到yield，等待回调函数执行完，继续执行代码！

ES6中解构函数会自动把大括号看成一个块，如果想把块连伟一个整体使用，必须使用小括号包含起来。
如：

let foo;
let {foo} = {foo: 1}; // SyntaxError: Duplicate declaration "foo" let baz; let {bar: baz} = {bar: 1}; // SyntaxError: Duplicate declaration "baz"

let foo;
({foo} = {foo: 1}); // 成功 let baz; ({bar: baz} = {bar: 1}); // 成功

let obj = {}; let arr = []; ({ foo: obj.prop, bar: arr[0] } = { foo: 123, bar: true }); obj // {prop:123} arr // [true]

var {x = 3} = {}; x // 3 var {x, y = 5} = {x: 1}; x // 1 y // 5 var {x:y = 3} = {}; y // 3 var {x:y = 3} = {x: 5}; y // 5 var { message: msg = 'Something went wrong' } = {}; msg // "Something went wrong"

js会将在行首的大括号看做成是一个代码块！

转载于:https://www.cnblogs.com/lzh900926/p/6109132.html