访问链中上一个Promise中的数据

Question

我的问题是我想访问从先前的then（）获取的数据，我该怎么办？ （要求：我无法修改externalBuiltInFunction（））

ajaxCall(...)
.then( (response) => {                          
    return response.json();
})
.then ( (jsonData) => {
    return externalBuiltInFunction(jsonData);
})
.then ((dataFromExternalFunction) => {
   ... here i want to use jsonData, how can i do ?...
}

谢谢你的帮助

Answer 1

您可以在async/await仅使用一个then语句：

ajaxCall(...)
  .then(async response => {                          
    const jsonData = await response.json();
    const external = await externalBuiltInFunction(jsonData);
    // Here you still have access to jsonData and external 
  })

Answer 2

您可以将jsonData存储在外部词法环境中的变量中：

let jsonData;

ajaxCall(...)
    .then( (response) => {
        return response.json();
    })
    .then ( (jsonData) => {
        jsonData = jsonData;
        return externalBuiltInFunction(jsonData);
    })
    .then ((dataFromExternalFunction) => {
        // jsonData is available here
    }

或者，您可以将jsonData传递给下一个jsonData ， jsonData将其作为数组进行显式传递.then并调用externalBuiltInFunction ：

ajaxCall(...)
    .then( (response) => {
        return response.json();
    })
    .then ( (jsonData) => {
        return Promise.all([externalBuiltInFunction(jsonData), jsonData]);
    })
    .then (([dataFromExternalFunction, jsonData]) => {
        // jsonData is available here
    }