推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
exoticknight

ES6 箭头函数的问题

  •  
  •   exoticknight · Nov 20, 2015 · 4096 views
    This topic created in 3986 days ago, the information mentioned may be changed or developed.

    直接上代码吧
    javascript
    class foo {
    setup(){
    document.addEventListener('click', e=>this.hanlder)
    }
    hanlder(){}
    }

    在类中使用 addEventListener,为了 this 的绑定使用了箭头函数,但是怎么 removeEventListener?

    8 replies  •  2015-11-20 21:31:36 +08:00
    FrankFang128
        1
    FrankFang128  
       Nov 20, 2015 via Android   ❤️ 1
    没有名字就无法 remove
    exoticknight
        2
    exoticknight  
    OP
       Nov 20, 2015
    @FrankFang128 如何解决?
    zythum
        3
    zythum  
       Nov 20, 2015   ❤️ 1
    给他赋个名字不就解决了....
    exoticknight
        4
    exoticknight  
    OP
       Nov 20, 2015
    不怎么优雅地解决了
    hronro
        5
    hronro  
       Nov 20, 2015
    箭头函数就是个匿名函数,这个就算是在 ES6 之前也是没有办法的吧
    gleox
        6
    gleox  
       Nov 20, 2015   ❤️ 1
    匿名函数可以把引用赋值给变量啊,后面直接 remove 掉就行了。

    var h = e=>this.hanlder;

    document.addEventListener('click', h);

    document.removeEventListener('click', h);
    gleox
        7
    gleox  
       Nov 20, 2015
    看标题“箭头函数”,一时还真没想起是什么。
    这种匿名函数,在 C#中被称为拉姆达表达式,不知道 js 里怎么称呼。
    exoticknight
        8
    exoticknight  
    OP
       Nov 20, 2015
    @gleox
    嗯,主要是要在不同的类方法中分别调用 addEventListener 和 removeEventListener ,我将引用同时赋值给引用和 this._boundMethod['click'] 来解决了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   6050 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 63ms · UTC 02:30 · PVG 10:30 · LAX 19:30 · JFK 22:30
    ♥ Do have faith in what you're doing.