Question

我想通常声明一个函数返回一个解析一个对象数组的promise（我认为这会解决TS错误; TS不知道我可以在解析时使用forEach数组）。

在函数openJSON()上（见下文）我尝试过这样的事情：

function OpenJSON(): Promise<Array<{id: string, performance: number, average: number}>> { // ...

但我仍然会遇到错误。并且在将来，我期望通过此功能生成各种不同的对象。是否只有一种通用的方式来声明一个对象数组，比如Promise<Array<{}>>？

async function produceDataRows() {
   let tableContent = '';
   let jsonData = await OpenJSON();

   // error occurs here: [ts] Property 'forEach' does not exist on type '{}'.
   jsonData.forEach(element => {
       // convert this JSON data into table content
   });
   return tableContent;
};

function OpenJSON() {
   return new Promise( (resolve, reject) => {
      fs.open(kJsonPath, 'wx', (err, fd) => {
         if (err) {
            if (err.code === 'EEXIST') {
               fs.readFile(kJsonPath, 'utf8', function (err, content) {
                  if (err) throw err;
                  resolve(JSON.parse(content));
               })
            } else {
               reject( new Error('When openening performance.JSON, in generateHTML.js, an unexpected error has occured. ' + err) );
            }
         } else throw Error('There is a problem opening performance.JSON');
      })
   })
}

Answer 1

在这种情况下，您需要在构造promise本身时指定结果类型。

function OpenJSON() {
    return new Promise<Array<{ id: string, performance: number, average: number }>>(
        (resolve, reject) => {
            fs.open(kJsonPath, 'wx', (err, fd) => {
                if (err) {
                    if (err.code === 'EEXIST') {
                        fs.readFile(kJsonPath, 'utf8', (err, content) => {
                            if (err) {
                                reject(err);
                            }
                            resolve(JSON.parse(content));
                        })
                    } else {
                        reject(Error('When openening performance.JSON'));
                    }
                } else {
                    reject(Error('There is a problem opening performance.JSON'));
                }
            });
        });
}

在上面注意，我修复了几个错误处理问题。

Playground link

解析对象数组的promise的Typescript

1 个答案: