js实现阻隔

实现 JavaScript 阻隔的方法

JavaScript 阻隔通常指阻止事件传播、默认行为或限制代码执行。以下是常见实现方法：

阻止事件冒泡

使用 stopPropagation() 方法阻止事件向上传播：

element.addEventListener('click', function(event) {
  event.stopPropagation();
});

阻止默认行为

使用 preventDefault() 阻止浏览器默认行为：

form.addEventListener('submit', function(event) {
  event.preventDefault();
});

阻止事件捕获

在捕获阶段阻止事件传播：

element.addEventListener('click', function(event) {
  event.stopImmediatePropagation();
}, true);

代码执行阻隔

通过条件判断阻断代码执行：

if (condition) {
  return; // 阻断后续代码执行
}

定时器阻隔

使用 clearTimeout 或 clearInterval 中断定时任务：

const timer = setTimeout(() => {}, 1000);
clearTimeout(timer);

Promise 阻隔

通过 Promise 链式调用中的条件阻断：

new Promise((resolve) => {
  if (blockCondition) return;
  resolve();
});

异步函数阻断

在 async 函数中通过 return 提前终止：

async function fetchData() {
  if (shouldBlock) return null;
  return await response.json();
}