Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.3k 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 Reply

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...