eventListenerを削除できません

Question

私はスクロールをリッスンする関数を持っていますが、何回か呼び出す必要があります。これにより、イベントリスナーがスタッキングされます。だから私はこのように、追加する前に1を削除しようとした：

watchButton() { 
    console.log('watching button'); 
    const button = document.getElementById('load-more-news'); 
    const fetcher =() => { 
     let windowHeight = document.body.offsetHeight/2; 
     let offset = button.getBoundingClientRect().top; 
     if (offset <= windowHeight) { 
     button.click(); 
     } 
    }; 

    window.removeEventListener('scroll', throttle(fetcher, CONFIG.THROTTLE), true); 
    window.addEventListener('scroll', throttle(fetcher, CONFIG.THROTTLE), true); 
    } 

私も他の変数にthrottle結合機能を試してみました：

const fetcher =() => { 
    let windowHeight = document.body.offsetHeight/2; 
    let offset = button.getBoundingClientRect().top; 
    if (offset <= windowHeight) { 
    button.click(); 
    } 
}; 

const boundFetcher = throttle(fetcher, CONFIG.THROTTLE); 

window.removeEventListener('scroll', boundFetcher, true); 
window.addEventListener('scroll', boundFetcher, true); 

しかし、私はChromeでイベントリスナーのタブを確認したときに、私は2つを持っています（スクロールリスナーはここで初期化されます。私は何をすべきか？あなたは毎回watchButtonが呼ばれ、あなたの関数の参照を再作成している

Answer 1

、そうfetcherとthrottle(fetcher,...)はwatchButtonが呼び出されるたびに異なることを行っています。

constあなたが追加したものとは異なる機能を削除しようとしているwatchButton機能

const button = document.getElementById('load-more-news'); 
const fetcher =() => { 
    let windowHeight = document.body.offsetHeight/2; 
    let offset = button.getBoundingClientRect().top; 
    if (offset <= windowHeight) { 
    button.click(); 
    } 
}; 
const throttledFetch = throttle(fetcher, CONFIG.THROTTLE); 

watchButton() { 
    window.removeEventListener('scroll', throttledFetch, true); 
    window.addEventListener('scroll', throttledFetch, true); 
}