标签：变量 作用域 items 循环 let 声明 log

1.变量不能重复声明

<script>
	let n = 1;
	let n = 2;
	console.log(n); // Identifier 'n' has already been declared
</script>

2.作用于块级作用域

{
    let n = 1;
}
    console.log(n); // n is not defined

3.没有变量提升

cosole.log(n); //  Cannot access 'n' before initialization
let n = 1;

4.不影响作用域链

let n = 1;
function fn() {
    console.log(n);
}
fn(); // 1

案例:

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<script>
	let items = document.querySelectorAll('div');
	for(let i = 0; i < items.length; i++) {
		items[i].onclick = function() {
			this.style.backgroundColor = 'skyblue';
		}
	}
</script>

循环每次访问到的变量i实际上都是同一个变量，onclick是一个异步任务（回调函数）,for循环是同步任务，因此需要在for循环结束后才能执行onclick,此时访问到的i等于3，超出的items的下标范围。

let定义了一个块级变量，在for循环中使用let定义的变量，作用域只在for循环中。因为每次循环都创建一个块级作用域，并且存上i的值，这里面的let定义的i值就是局部变量,所以每次循环改变的就是对局部变量赋值

标签：变量,作用域,items,循环,let,声明,log
来源： https://blog.csdn.net/qq_43505828/article/details/120762953

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