javascript - jquery 两个事件公用一个函数？

问题描述

问 题

点击两个按钮，console 输出的数字是1，2，3，4，5，6...
为什么感觉像两个点击事件共用了一个函数？

<button class="b1">点我</button>
<button class="b2">点我</button>
var hehe = {
        a : 0,
        getX : function() {
           this.a++;
           console.log(this.a);
        }
    }
    $(".b1").on("click",function(){
         hehe.getX();
    });
    $(".b2").on("click",function(){
         hehe.getX.call(hehe);

解决方案

确切的说是，2个回调函数调用了同一个函数，但是输出结果按调用的顺序的不同而不同
如果修改成如下，结果就不同了，虽然调用的还是同一个函数对象；
点击b2的结果始终是11
点击b1次数越多值就越大

<button class="b1">点我</button>
<button class="b2">点我</button>
var hehe = {
        a : 0,
        getX : function() {
           this.a++;
           console.log(this.a);
        }
    }
    $(".b1").on("click",function(){
         hehe.getX();
    });
    $(".b2").on("click",function(){
         hehe.getX.call({
          a:10
         });
    }

这篇关于javascript - jquery 两个事件公用一个函数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！