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

发布于 2022-09-12 13:34:50 字数 779 浏览 14 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

泪之魂 2022-09-19 13:34:50

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)
            }
        }
好听的两个字的网名 2022-09-19 13:34:50
fn(this)

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文