您的当前位置:首页正文

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

2024-11-30 来源:个人技术集锦

在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

显示全文