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

Question

我正在收集数据以设置属性列表，但它会调用许多不同的服务来帮助获取此数据。如果任何服务有问题，它会抛出错误。如果抛出错误，我希望特定属性的数据仅为 return 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 为 null，并让它继续检查 semesterService.getNumofCourse 并继续设置其余属性。

如果不对每个服务进行 try catch，我该如何做到这一点？即我不想为每个属性

写这个

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;
}

感谢任何帮助或想法！

Answer 1

我会建议 Promise.allSettled。此方法 return 是一个在所有给定的承诺都已实现或被拒绝后解析的承诺，其中每个对象都描述了每个承诺的结果。 Source

每个promise必须使用try catch来检测错误，如果有错误则使用returnnull。您可以创建一个将等待 Promise 的函数，如果有错误，则 return 结果或 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()

Answer 2

我喜欢 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
}

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

How to set multiple properties without multiple try catch blocks and calls multiple services - Typescript?

service

properties

try-catch

typescript