ES6

2022-01-26 17:34:59 阅读：128 来源： 互联网

标签：ES6 elements console log 作用域 var foo

let 与块级作用域

作用域：
某个成员能够起作用的范围
块：
花括号包裹起来的范围

2015之前

if(true){
	var foo='zce'
}
console.log(foo);

es6

if(true){
	let foo='zcw';
	console.log(foo);
}
//外部无法访问foo

解决计数器中出现的问题

for(var i=0;i<3;i++){
	for(var i=0;i<3;i++){
	console.log(i);
}
console.log('内层结束 i='+i);
}
//内层var 声明覆盖了外层的声明
//改进：把var改为let

典型：

var elements=[{},{},{}];
for(var i=0;i<elements.length;i++){
	elements[i].oncolick=function(){
		console.log(i)
	}
}
elements[2].onclick();

改进解决：
使用闭包解决借助函数作用域摆脱全局作用域的影响

var elements=[{},{},{}];
for(var i=0;i<elements.length;i++){
	elements[i].oncolick=（function(i){
		return function(){
		console.log(i);
		}
	})(i)
}
elements[2].onclick();

标签：ES6,elements,console,log,作用域,var,foo
来源： https://www.cnblogs.com/flyall/p/15847455.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ES6

let 与块级作用域