如何在点击confirm()弹窗的Cancel时终止JavaScript脚本执行？

当前代码中点击Cancel仅会从myFunction函数返回，后续的alert(text)仍会执行。以下是几种可以实现点击Cancel时终止整个脚本的方案：

方案1：通过返回值控制后续代码（推荐） #

这种方式最安全，不会强制中断脚本，而是通过判断函数返回值决定是否执行后续逻辑：

var text = "oops!";
function myFunction() {
  var confirmresult = confirm("Press a button!");
  if (confirmresult == true) {
    document.getElementById("demo").innerHTML = "if";
    text = "yeah!";
    return true;
  } else {
    document.getElementById("demo").innerHTML = "else";
    text = "ouch!";
    return false;
  }
}

// 只有当函数返回true时，才执行后续的alert
if (!myFunction()) {
  return; // 全局作用域下的return会终止当前脚本的剩余代码执行
}

alert(text);

说明：在全局脚本作用域中使用return，会直接终止后续所有代码的执行，这是浏览器允许的行为，且不会产生错误日志，也不会影响页面其他资源。

方案2：抛出未捕获错误强制终止 #

如果需要强制中断脚本，可以抛出一个未捕获的错误，这样整个脚本会停止执行：

var text = "oops!";
function myFunction() {
  var confirmresult = confirm("Press a button!");
  if (confirmresult == true) {
    document.getElementById("demo").innerHTML = "if";
    text = "yeah!";
    return true;
  } else {
    document.getElementById("demo").innerHTML = "else";
    text = "ouch!";
    // 抛出错误，终止脚本
    throw new Error("用户点击Cancel，停止脚本执行");
  }
}

myFunction();
alert(text); // 点击Cancel时，此处不会执行

说明：这种方式会在浏览器控制台生成错误日志，适合确实需要强制中断的场景，但可能干扰其他错误监控逻辑。

方案3：使用window.stop()（不推荐） #

window.stop()原本用于停止页面加载，也能终止后续脚本执行，但会影响整个页面的资源加载，不建议仅用于终止脚本：

var text = "oops!";
function myFunction() {
  var confirmresult = confirm("Press a button!");
  if (confirmresult == true) {
    document.getElementById("demo").innerHTML = "if";
    text = "yeah!";
    return true;
  } else {
    document.getElementById("demo").innerHTML = "else";
    text = "ouch!";
    window.stop(); // 停止页面所有加载操作，包括后续脚本
  }
}

myFunction();
alert(text); // 点击Cancel时，此处不会执行

说明：window.stop()会停止页面的所有加载过程，比如正在加载的图片、样式表等，仅在需要完全终止页面加载的场景下使用。

内容的提问来源于stack exchange，提问作者Malama