try...catch
try...finally
try...catch...finally

try {
  // 需要被執(zhí)行的語(yǔ)句
} catch (err) {
  // 如果在try塊里有異常被拋出時(shí)執(zhí)行的語(yǔ)句
} finally {
  // 在try語(yǔ)句塊之后執(zhí)行的語(yǔ)句塊。無論是否有異常拋出或捕獲這些語(yǔ)句都將執(zhí)行。
}

try {
  alert('開始執(zhí)行 try1');  // (1)
  alert('開始執(zhí)行 try2');   // (2)
} catch (err) {
  alert('catch 被忽略，因?yàn)闆]有 error，不會(huì)被執(zhí)行'); // (3)
}

try {
  alert('開始執(zhí)行 try1');  // (1)
  throw "此處拋出錯(cuò)誤"; //try塊里到此結(jié)束，不會(huì)在執(zhí)行下邊的try2
  alert('try2，不會(huì)被執(zhí)行');   // (2)
} catch (err) {
  alert('出現(xiàn)了 error，此句被執(zhí)行'); // (3)
}

try {
  ，，，，，，//js引擎無法理解這段代碼，它是無效的
  throw "此處不會(huì)拋出錯(cuò)誤"; //不會(huì)執(zhí)行
  alert('try2，此句不會(huì)被執(zhí)行'); // (2)
} catch (err) {
  alert('此句不會(huì)被執(zhí)行'); // (3)
}

try {
  try {
    throw new Error("try1");
  }
  finally {
    console.log("finally");
  }
}
catch (err) {
  console.error("outer", err.message);
}
會(huì)輸出
// finally
// outer try1

try {
  try {
    throw new Error("try1");
  }
  catch (err) {
    console.error("inner", err.message);
  }
  finally {
    console.log("finally");
  }
}
catch (err) {
  console.error("outer", err.message);
}
會(huì)輸出
// inner try1
// finally

try {
    try {
      throw new Error("try1");
    }
    catch (err) {
      console.error("inner", err.message);
      // return  如果我在此處寫個(gè)return會(huì)是什么結(jié)果？ （下邊的報(bào)錯(cuò)信息肯定不會(huì)拋出了，當(dāng)然return必須是在函數(shù)里）
      throw new Error("try2"); //試想一下，如何把此句代碼放在下邊的finally里會(huì)怎么輸出？（結(jié)果一樣）
    }
    finally {
      console.log("finally");
    }
  }
  catch (err) {
    console.error("outer", err.message);
  }
會(huì)輸出
// inner try1
// finally
// outer try2

try {
    try {
      throw new Error("try1");
    }
    catch (err) {
      console.error("inner", err.message);
      throw new Error("try2"); 
    }
    finally {
      console.log("finally");
      return //終止了錯(cuò)誤的拋出
    }
  }
  catch (err) {
    console.error("outer", err.message); //不會(huì)被執(zhí)行
  }
會(huì)輸出
// inner try1
// finally

try {
    setTimeout(()=>{
      throw new Error('錯(cuò)誤信息')
    }, 1000);
  } catch (err) {
    alert( "alert不會(huì)執(zhí)行" );
  }

setTimeout(() => {
 try {
    throw new Error("錯(cuò)誤信息");
 } catch (err) {
    alert("alert會(huì)執(zhí)行");
 }
}, 1000);

function test() {
  Promise.resolve("1").then(() => {
    throw new Error("錯(cuò)誤信息");
  });
}

try {
  test();
} catch (err) {
  alert("不工作");
}

try {
  Promise.reject("錯(cuò)誤信息");
} catch (e) {
  console.log(e.message);
}

// 例子1
async function test() {
  throw new Error("錯(cuò)誤信息");
  return 0;
}
test()
  .then()
  .catch((e) => console.log(e.message)); // 錯(cuò)誤信息(可以捕獲到錯(cuò)誤信息)

// 例子2
function promiseFn() {
  return new Promise((resolve, reject) => {
    throw new Error("錯(cuò)誤信息");
  });
}
async function test() {
  try {
    const res = await promiseFn();
  } catch (e) {
    console.log(e.message); //錯(cuò)誤信息(可以捕獲到錯(cuò)誤信息)
  }
}
test();

// 例子3
function promiseFn() {
  return Promise.reject("錯(cuò)誤信息");
}
async function test() {
  try {
    const res = await promiseFn();
  } catch (e) {
    console.log(e); //錯(cuò)誤信息(可以捕獲到錯(cuò)誤信息)
  }
}
test();

window.addEventListener("error", function (e) {
  var error = e.error;
  console.log(error); //錯(cuò)誤信息
});
document.querySelector("button").addEventListener("click", () => {
  throw new Error("錯(cuò)誤信息");
});