ข้อยกเว้นใน callback แบบ asynchronous ใน JavaScript

สมมติว่าถ้าพารามิเตอร์ make ถูกส่ง หมายเลขของอิลิเมนต์อาร์เรย์ที่ไม่มีอยู่ - นี่เป็นสถานการณ์ผิดปกติ อย่างที่คุณทราบดีแล้ว ข้อยกเว้นที่เกิดขึ้นภายในฟังก์ชัน asynchronous ไม่สามารถถูกจับได้ด้วย try-catch ในกรณีของเรา ข้อยกเว้นที่เกิดขึ้นภายใน make หรือ callback จะไม่ถูกจับ:

javascripttry {
  make(10, function(res) {
    console.log(res);
  });
} catch(err) {
  // จะไม่ถูกจับ
}

ใน callback approach จะทำงานกับข้อยกเว้น ดังต่อไปนี้: ส่งผลลัพธ์ไปยังพารามิเตอร์แรกของ callback และส่ง error ไปยังพารามิเตอร์ที่สอง ในกรณีนี้ การจัดการข้อผิดพลาดจะเกิดขึ้น ดังต่อไปนี้:

javascriptmake(10, function(res, err) {
  if (!err) {
    console.log(res); // ไม่มีข้อผิดพลาดเกิดขึ้น, แสดงผลลัพธ์
  } else {
    console.log(err); // ข้อผิดพลาดเกิดขึ้น, แสดงข้อความของมัน
  }
});

มาแก้ไขโค้ดของฟังก์ชัน make ของเราตามที่อธิบายไว้:

javascriptfunction make(num, callback) {
  setTimeout(function() {
    let arr = [1, 2, 3, 4, 5];
    
    let err;
    if (arr[num] === undefined) {
      err = 'elem not exists'; // ข้อความข้อผิดพลาด
    } else {
      err = null; // ไม่มีข้อผิดพลาด
    }
    
    callback(arr[num], err);
  }, 3000);
}