请问一个作用域的问题

Question

前端初学者，今天在这个作用域的问题里绕了很久。这是我的这段代码，它的运行结果是里面的li元素背景直接变成黑色，好像onmouseover被覆盖掉一样。我找到了解决方案，是将for里面的hoverLi 和 leaveLi 用bind(lis[i])绑定一下，用this赋值属性，可是这样为什么就可以了呢，所以使我对作用域这块更加混乱了。请大神能帮忙提个醒，解答一下，感激不尽

Answer 1

老兄！

hoverLi是一个方法，方法后面加一对()，意思是执行这个方法！

// 这样改下试试。

function hoverLi(item) {

  return function() {

    item...

  };

}

Answer 2

hoveLi()的item的作用域指hoveLi这个函数；此时this的指向已经改变；
可以用闭包的方式
((i){})(i)

Answer 3

跟作用域没关系。

加了括号就叫函数的调用，直接执行了，bind会返回函数的某种拷贝。

不想用bind，你这样也是可以的

onmouseout = (function (i) {

    // 直接执行，返回函数

    return function () {

        // mouseover时执行这个function

        // 同时leaveLi()本身是函数调用，也会执行

        // i为最外层匿名函数执行时传入，这儿才是作用域

        // 有点绕

        leaveLi(list[i])

    }}

)(i)

// 有点绕