如何在特定时间间隔内忽略VSCODE事件？

发布于 2025-02-09 01:47:14 字数 159 浏览 3 评论 0 原文

例如，如果我触发 ondidchangeTextDocument 连续事件，最大间隔为1秒钟，那么我想避免使用此事件的关联逻辑。
但是，如果触发了最后的 ondidchangeTextDocument 以来1秒钟已经过去了，我希望它继续其逻辑。

原文

分享到QQ

分享到微博

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

发布评论

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

静若繁花 2025-02-16 01:47:14

这种方法被称为“合并事件”。一种典型的方法是带有所需的间隔。每个新事件都会重新启动计时器，因此除非计时器值中没有新事件，否则它永远不会触发。然后，触发的计时器调用任何进一步的代码，处理合并事件。如果您必须处理每个事件发送的所有数据，这可能会导致一些问题。在这种情况下，您必须收集有关活动处理程序的每个调用的数据。

这是在VS代码扩展程序中处理每个文件的代码：

        private changeTimers = new Map<string, ReturnType<typeof setTimeout>>(); // Keyed by file name.

        workspace.onDidChangeTextDocument((event: TextDocumentChangeEvent) => {
            if (event.contentChanges.length > 0) {
                const fileName = event.document.fileName;

                const timer = this.changeTimers.get(fileName);
                if (timer) {
                    clearTimeout(timer);
                }

                this.changeTimers.set(fileName, setTimeout(() => {
                    this.changeTimers.delete(fileName);
                    ... your processing here
                }, 1000));
            }
        });

This approach is known as "coalescing events". A typical approach is to start a timer when an event appears with the required interval. Every new event restarts the timer, so it never triggers unless there are no new events within the timer value. The triggered timer then calls any further code, handling the coalesced events. This might cause some problems if you have to process all data sent by each event. In that case you have to collect that data on each invocation of your event handler.

Here's code to handle changes per file in a VS Code extension:

        private changeTimers = new Map<string, ReturnType<typeof setTimeout>>(); // Keyed by file name.

        workspace.onDidChangeTextDocument((event: TextDocumentChangeEvent) => {
            if (event.contentChanges.length > 0) {
                const fileName = event.document.fileName;

                const timer = this.changeTimers.get(fileName);
                if (timer) {
                    clearTimeout(timer);
                }

                this.changeTimers.set(fileName, setTimeout(() => {
                    this.changeTimers.delete(fileName);
                    ... your processing here
                }, 1000));
            }
        });

回复收藏 0 原文

~没有更多了~