创建10个＜a＞,点击弹出序号

let i, a
for(i = 0；i < 10; i++){
	a = document.createElement('a')
	a.innerHTML = i + '<br>'
	a.addEventListener('click',function(e){
		e.preventDefault()
		alert(i)
    })
    document.body.appendChild(a)
}
//此时点击所有的<a>弹出的数字都为10

let  a
for(let i = 0；i < 10; i++){
	a = document.createElement('a')
	a.innerHTML = i + '<br>'
	a.addEventListener('click',function(e){
		e.preventDefault()
		alert(i)
    })
    document.body.appendChild(a)
}
//此时弹出对应的序号

原因：作用域不同。第一个定义的作用域为全局作用域，在节点创建完，i的值就已经是10了，此时点击标签，所有的弹出值都为10。第二个定义的作用域为块级作用域，每次生成节点时都产生一个块级作用域，所以不同的标签对应了不同的序号。