[TOC] ## 1.创建十个<a></a>标签点击的时候弹出对应的序号 ``` /* 错误写法 i 为全局作用域 ，i一直为10 */ var 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) } ``` ``` //正确写法 var i for (i = 0; i<10;i++){ (function(i){ // 函数作用域 var a = document.createElement('a') a.innerHTML = i + '<br />' a.addEventListener('click',function(e){ e.preventDefault() alert(i) //自由变量，要去父级作用域获取值 获取到的值是当前函数的i }) document.body.appendChild(a) })(i) //创建了十个函数， } ```