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会将在行首的大括号看做成是一个代码块!
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM