訪問鏈中上一個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
    }