请问为什么防抖函数返回的匿名函数的this指向input?为什么捕获不到event?

alex
  • 20
    <input id="content" type="text">
    <script>
        let input = document.getElementById('content');
        let fn = debounce(searchResult, 500);
        input.addEventListener('input', fn, false);
        
        function searchResult(event) {
            let target = event.target; // Cannot read property 'target' of undefined
        }

        function debounce(fn, interval) {
            let timer = null;
            return function() {
                console.log(this); // <input id="content" type="text">
                if (timer) {
                    clearTimeout(timer);
                } 
                timer = setTimeout(function(){
                    fn();
                }, interval)
            }
        }
回复
阅读 809
2 个回答
✓ 已被采纳

image.png

方法没写对,一般都是 arguments 然后 apply 进去

function debounce(fn, interval) {
            let timer = null;
            return function(event) {
                console.log(this); // <input id="content" type="text">
                if (timer) {
                    clearTimeout(timer);
                } 
                timer = setTimeout(function(){
                    fn(event);
                }, interval)
            }
        }
fn(this)

没给 fn 传参,肯定是拿不到咯

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏