开发者社区 问答 正文

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(){

展开
收起
小旋风柴进 2016-06-01 09:16:38 2530 分享 版权
1 条回答
写回答
取消 提交回答
  • 确切的说是,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
             });
    2019-07-17 19:22:42
    赞同 展开评论
问答分类:
问答地址: