js如何中断-js教程-PHP中文网

js如何中断

星降

发布： 2024-12-01 06:07:01

原创

1068人浏览过

在 JavaScript 中中断代码执行的方法有：clearInterval()：中断 setInterval() 定时器。clearTimeout()：中断 setTimeout() 定时器。return 语句：退出函数以中断异步操作。Promise.race()：中断多个 Promise 中第一个解决或拒绝的 Promise。取消令牌：通过 AbortController 和 AbortSignal API 实现异步操作的中断。

js如何中断

如何在 JavaScript 中中断

在 JavaScript 中中断代码执行有几种方法。

clearInterval()

clearInterval() 方法用于中断 setInterval() 定时器。该方法接受一个定时器 ID 作为参数，并停止该定时器的执行。

const myInterval = setInterval(() => {
  // 代码...
}, 1000);

// 10 秒后中断定时器
setTimeout(() => {
  clearInterval(myInterval);
}, 10000);

登录后复制

clearTimeout()

clearTimeout() 方法用于中断 setTimeout() 定时器。该方法接受一个定时器 ID 作为参数，并停止该定时器的执行。

const myTimeout = setTimeout(() => {
  // 代码...
}, 1000);

// 5 秒后中断定时器
setTimeout(() => {
  clearTimeout(myTimeout);
}, 5000);

登录后复制

return 语句

如果使用 return 语句退出函数，可以中断任何异步操作。例如，以下代码中断从服务器获取数据的 AJAX 请求：

const myRequest = new XMLHttpRequest();

myRequest.onreadystatechange = () => {
  if (myRequest.readyState === 4) {
    if (myRequest.status === 200) {
      // 处理数据
    } else {
      return; // 中断请求
    }
  }
};

myRequest.open('GET', '/data.json');
myRequest.send();

登录后复制

Promise.race()

Promise.race() 方法可以中断多个 Promise 中第一个解决或拒绝的 Promise。

const promise1 = fetch('/data1.json');
const promise2 = fetch('/data2.json');

Promise.race([promise1, promise2])
  .then(response => {
    // 处理第一个解决的 Promise
  })
  .catch(error => {
    // 处理第一个拒绝的 Promise
  });

登录后复制

取消令牌

取消令牌（Cancellation Token）是一种机制，允许你在异步操作进行中时取消它。可以通过使用 AbortController 和 AbortSignal API 来实现。

const controller = new AbortController();
const signal = controller.signal;

const myRequest = new XMLHttpRequest();

myRequest.onreadystatechange = () => {
  if (myRequest.readyState === 4) {
    if (myRequest.status === 200) {
      // 处理数据
    } else {
      controller.abort(); // 取消请求
    }
  }
};

myRequest.open('GET', '/data.json');
myRequest.send();

登录后复制

以上就是js如何中断的详细内容，更多请关注php中文网其它相关文章！