以不同的方式运行JavaScript函数

Question

我有这样的文本输入，它将对用户输入的每个键进行搜索。 由于搜索功能需要一点时间来执行，因此用户输入会一直停留到完成执行为止。

  <input type="text" id="suggestion" onkeyup="search();"/>

我们能否让该搜索功能执行并让用户在文本字段中输入。 就像让搜索在后台运行一样。

ps 。 我不想使用延迟功能来等到用户完成并调用search（）

Answer 1

JavaScript在单个线程上运行-因此，在运行搜索功能时，它还会阻止UI呈现和响应您。 您应尽可能避免在浏览器上进行超过16毫秒的操作，您可以在此处阅读更多有关原因的信息 。

无论如何，目前有2种主要解决方案：

• 将其移到服务器端。 您在JavaScript中运行的搜索逻辑是什么？ 它应该真正在客户端而不是服务器端运行吗？
• 在另一个线程上执行它。 您熟悉WebWorkers吗？ 这是一个更高级的主题，但是通常它允许您在另一个线程上执行代码。 它是一个很新的东西，在当今的浏览器中还没有完全支持 ，但是您至少应该熟悉它。

祝好运。

Answer 2

也许不是让它每次运行而是使用以下命令设置全局开关

window.somevar = true; 

然后在再次搜索之前检查该变量是否已设置。 初始搜索完成后，请显示您的结果并取消设置全局变量

delete window.somevar;

这样，函数“运行”每个击键，但不会锁定输入。