for循环和函数常见问题

  var list = document.querySelectorAll('ul li '); //list是个数组
        for(var i = 0; i < list.length; i++){
            list[i].onclick = function(){
                //this指的是
                this.style.color = 'red'; //改变颜色

                console.log(list[i]);  //undefinded
            }
        }

1.for循环执行会打印出10个语句,每个语句点击都会触发对应的函数,这个时候循环遍历(list[i])已经结束了,再打印循环遍历list[i]肯定为undefinded

2.for循环第一遍的是语句,console.log(list[i])，在函数作用域内向上寻找值只能找到i 和list，因为已经定义了,无法找到list[i]的值