如何在没有多个 try catch 块的情况下设置多个属性并调用多个服务 - Typescript？

如何解决如何在没有多个 try catch 块的情况下设置多个属性并调用多个服务 - Typescript？

我正在收集数据以设置属性列表，但是它调用了许多不同的服务来帮助获取此数据。如果任何服务出现问题，它将引发错误。 如果抛出错误，我希望数据只为该特定属性返回 null，然后继续获取其余数据。

如何在不将每个服务调用包装在 try catch 块中的情况下执行此操作？

I.E) 这会得到所有的属性，但如果有任何失败，之后的属性将不会被设置。

public async getAllProperties(){
try {
 const [studentYear,numOfCourses,numOfSemesters,startDate,gradDate] = 
await Promise.all([
   studentService.getStudentYear(),courseService.getNumOfCourses(),semesterService.getNumOfSemesters(),.... (etc)
])} catch (e){
   console.log("error with getting Properties");
 }
}

例如，如果我调用 getAllProperties() 并且 courseService 抛出错误，我希望 numOfCourses 为空，并让它继续检查 termService.getNumofCourse 并继续设置其余的属性。

如果不为每个服务尝试捕获，我怎么能做到这一点？即我不想为每个属性都写这个

try {
studentService.getStudentYear
} catch (e){
console.log("error in student Year");
studentYear = null;
}

try {
courseService.getNumOfCourses()
} catch (e){
console.log("error in get Num Of courses");
numOfCourses = null;
}

感谢您的任何帮助或想法！

解决方法

我建议Promise.allSettled。此方法返回一个承诺，该承诺在所有给定的承诺已完成或被拒绝后解析，并带有一组对象，每个对象描述每个承诺的结果。 Source

每个 promise 都必须使用 try catch 来检测错误，如果有错误则返回 null。您可以创建一个等待 Promise 的函数，并在出现错误时返回结果或 null。这样您只需使用 try catch 一次。

这是一个正在使用的代码示例。 https://stackblitz.com/edit/typescript-1nkhf4

function getAllProperties() {
  Promise.allSettled([getName(),getAge()]).then(data => {
    console.log(data)
  })
}

function getName() {
  return returnNullIfFail(() => new Promise((res,rej) => res("some name")))
}
function getAge() {
  return returnNullIfFail(() => new Promise((res,rej) => rej("some error")))
}

async function returnNullIfFail<T>(somePromise: () => Promise<T>) : Promise<T | null> {
  try {
    return await somePromise()
  } catch (err) {
    return null
  }
}

getAllProperties()

,

我喜欢 Alex 的解决方案。但如果由此产生的 {status: "fullfilled",value: 2018} 是一个问题，这是我建议的解决方案：

var obj = {
  getStudentYear: () => new Promise(res => res(2018)),getNumOfCourses: () => new Promise(res => res(8)),getFailed: () => new Promise( (res,rej) => rej('failed'))
}

async function resolveOrNull(func){
  try{
    let x = await func()
    return x;
  } catch(err) {
    console.log(err);
    return null;
  }
}

async function getAllProperties() {
  return {
    studentYear: await resolveOrNull(obj.getStudentYear),numOfCourses: await resolveOrNull(obj.getNumOfCourses),getFailed: await resolveOrNull(obj.getFailed)
  }
}

getAllProperties()
  .then(res => console.log(res))
  .catch(err => console.log(err))

编辑：假设您想对您的代码进行测试。您模拟了该功能，现在您想确保结果 studentYear 等于 2018 的预期值：

如果您使用原始值，您可以这样做：

 let studentYear = test.getStudentYear() // returns 2018
 studentYear === 2018 // this is TRUE

如果您使用的是对象：

let studentYear = test.getStudentYear() // returns {status: "fullfilled",value: 2018}
studentYear === {status: "fullfilled",year: 2018} // this is FALSE

当 Javascript 将一个对象与另一个对象进行比较时，比较的是它的引用，而不是它的值。在使用 objest/arrays 时，我遇到了很多其他令人头疼的问题，并在可能的情况下尽量避免它。这通常不是，老实说这通常很好，但它们确实倾向于将原本可能非常简单的事情复杂化。

Edit2：（这开始变得有点“草率”）

//... previous code
let globalVariable;

getAllProperties()
  .then((res) => {
    globalVariable = res;
    useGlobal();
  })
  .catch((err) => console.log(err));

function useGlobal() {
  console.log(globalVariable); // This contains the correct obj
  //  anything else that uses the global variable 
  //    should be called inside this function
}

console.log(globalVariable); // This is undefined

Edit3：（这更符合您应该做的事情，但是有很多不同的方法可以处理异步代码带来的问题）

getAllProperties()
  .then(useAllProperties)
  .catch((err) => console.log(err));

function useAllProperties = (res) => {
  console.log(res);
  // run code that needs the data
}