如何将 2 个 Javascript 函数合二为一？

Question

我有以下函数，我想将其重新用作“动作”模板，并将另一个函数作为参数传递，这将是动作函数，在其中执行。

问题

是否可以？我该怎么做？

请注意，“动作”是异步的，而且我正在使用 React。

  function templateAction(action) {

    try {

      setLoading(true);

      setError(null);

      // DO SOMETHING

      action();

      setLoading(false);

    }

    catch(err) {

      console.log(err);

      setError(err);

      setLoading(false);

    }

  }

在该action()调用中应该执行以下函数：

  async function getBlogPost() {

    const querySnapshot = await firebase.firestore().collection('blog').where('slug','==',props.match.params.slug).get();

      console.log(querySnapshot.docs);

      if (querySnapshot.docs.length === 0) {

        throw 'ERROR: BlogPost not found...';

      } else if (querySnapshot.docs.length > 1) {

        throw 'ERROR: More than 1 blogPost found...';

      }

      const blogPostData = querySnapshot.docs[0].data();

      setFirestoreID(querySnapshot.docs[0].id);

      setBlogPost(blogPostData);

  }

Answer 1

这是我的最终代码，使用 try catch 块捕获错误。它有效，但我认为它损害了可读性。async function templateAction(action) {  try {    console.log('Template Action BEFORE calling action');    await action();    console.log('Template Action AFTER calling action');  }  catch(err) {    console.log('I was caught and logged');    console.log(err);  }}function action() {  return new Promise(async (resolve,reject) => {    try {      console.log('I am sync from action function BEFORE async call');      await mockAPI();      console.log('I am sync from action function AFTER async call');      resolve();    }    catch(err) {      console.log('I was caught');      reject(err);    }  });}function mockAPI() {  return new Promise((resolve,reject) => {    setTimeout(() => {      console.log('I am from async mockAPI call');      resolve();    },1500);  });}templateAction(action);