1. // 创建10个<a>标签，点击时弹出对应的序号
    2. let i, a
    3. for (i = 0; i < 10; i++) {
    4.     a = document.createElement('a')
    5.     a.innerHTML = i + '<br>'
    6.     a.addEventListener('click', function(e) {
    7.     e.preventDefault();
    8.     alert(i)
    9. })
    10. document.baby.appendChild(a)
    11. }
    12. // 10 i在全局作用域
    1. // 创建10个<a>标签，点击时弹出对应的序号
    2. // 修改后 for块级作用域，每次形成一块，i就不一样
    3. let  a
    4. for (let i = 0; i < 10; i++) {
    5.     a = document.createElement('a')
    6.     a.innerHTML = i + '<br>'
    7.     a.addEventListener('click', function(e) {
    8.     e.preventDefault();
    9.     alert(i)
    10. })
    11. document.baby.appendChild(a)
    12. }