JavaScript可否多线程? 深入理解JavaScript定时机制

JavaScript可否多线程?

JavaScript在浏览器中是单线程执行的，也就是说在同一时间只能执行一个任务。这是因为JavaScript引擎本身是单线程的，同时JavaScript操作DOM等浏览器API也会产生很多问题。这样做的好处是可以避免竞态条件，简化了代码实现，但也导致了JavaScript的同步执行模式下易受阻塞影响，长时间的脚本执行会导致浏览器卡顿，不流畅。

然而，在HTML5规范中提出了WebWorker API，可以通过开启一个或多个worker线程来运行JavaScript代码，以达到多线程的效果。worker线程可以与主线程并行运行，不会阻塞主线程。但是worker线程是与主线程相互独立的，在两个线程之间是没有共享内存的，因此尽量避免使用全局变量等共享资源。

深入理解JavaScript定时机制

在 JavaScript 中，时间驱动的编程模型是通过使用 setInterval() 和 setTimeout() 函数来实现的。这两个函数都用来在指定的时间间隔后再次执行指定的代码。

setTimeout()

setTimeout() 函数允许我们在指定的时间间隔后执行一次该函数的回调。它带有两个参数：回调函数和延迟时间。延迟时间是以毫秒为单位指定的。

示例代码：

setTimeout(function() {
  console.log('延迟执行');
}, 1000);

上述代码将在1000毫秒（1秒）后执行回调函数，输出延迟执行。

setInterval()

setInterval() 函数使我们可以在指定的时间间隔后重复执行该函数的回调。与 setTimeout() 类似，它也带有两个参数：回调函数和时间间隔。

示例代码：

setInterval(function() {
  console.log('重复执行');
}, 1000);

上述代码将每隔1000毫秒（1秒）执行回调函数，输出重复执行。

值得注意的是，setInterval() 可能会出现任务积压的情况。如果回调函数处理时间长于执行间隔，则回调函数可能无法及时执行，导致多个回调函数积压在队列中。因此建议使用 clearInterval() 方法清除计时器。

let intervalId = setInterval(function() {
  console.log('执行开始');
  // 加入一些处理逻辑
  console.log('执行结束');
}, 1000);

// 在5秒后清除 intervalId
setTimeout(function() {
  clearInterval(intervalId);
}, 5000);

上述代码每隔1秒输出执行开始和执行结束，共执行5次。之后清除计时器，停止执行。