Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.8k views
in Technique[技术] by (71.8m points)

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

    <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)
            }
        }

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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)
            }
        }

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...