Javascript＆＃34;这个＆＃34;正在改变调用事件

Question

var myObject = {
    myFunction : function (){
        var randomizer =  Math.random() * 10;

        if(randomizer > 5){
            this.myGreaterThanFunction();
        }else{
            this.myLesserThanFunction();
        }
    },

    myGreaterThanFunction: function (){
        document.getElementById("result").innerHTML = "randomizer number is greater than 5";
    },

    myLesserThanFunction: function (){
        document.getElementById("result").innerHTML = "randomizer number is less than 5";
    }
};

myObject.myFunction（）; //在这种情况下＆＃34;这个＆＃34;将指向myObject.hence＆＃34; this＆＃34;按预期在这里工作。

document.getElementById（＆＃34; button2＆＃34;）。onclick = myObject.myFunction.bind（myObject）;             //在这种情况下，当我们将myObject绑定到myFunction然后＆＃34;这个＆＃34;将指向myObject。然后＆＃34;这＆＃34;按预期工作。

document.getElementById（＆＃34; button1＆＃34;）。onclick = myObject.myFunction;             //在这种情况下，我希望＆＃34;这个＆＃34;应该指向myObject.But我得到这个为undefined.why？

Answer 1

因为事件侦听器绑定到元素（事件侦听器内的this将引用触发事件的元素）。当然，除非事件监听器使用.bind 显式绑定到另一个事物。