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会将在行首的大括号看做成是一个代码块!
 
posted @ 2016-11-28 13:23  逆流的致爷  阅读(9479)  评论(0编辑  收藏  举报