javascript - THIS 关键字在函数中的作用域？

Question

下面代码中的“this”不应该仍然引用 MooTools 选择器选择的 DOM 对象吗？

$$('div').addEvent('click', function()
{
    var click1 = function(){$(this).setStyle('background', 'red');}
    click1();
});

Answer 1

您应该按照 MooTools 的方式进行操作 - 通过将 this 绑定(bind)到 click1 函数 - http://jsfiddle.net/oskar/7EArh/5/

$$('div').addEvent('click', function() {
    var click1 = function() {
        this.setStyle('background', 'red');
    }.bind(this);
    click1();
});​

此外，this 已经使用 MooTools 方法进行了扩展，因此无需执行 $(this)。