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值就是局部变量,所以每次循环改变的就是对局部变量赋值