从箭头函数返回变量[JS] [重复]答案

【问题标题】：return variables from arrow function [JS] [duplicate]从箭头函数返回变量[JS] [重复]
【发布时间】：2022-01-03 12:28:47
【问题描述】：

我有这个函数 getData 将从 JSON 文件中读取 ID 列表。 ID 列表存储到我需要在另一个函数中使用的 idsList 变量中。我如何从这个函数返回值

function getData(){
    fetch("JSONitemIDsList.json")
    .then(response => response.json())
    .then(data => {
        let idsList = data.ids 
        //return idsList      
    })  
}

function myFunc(idsList) {
     //do something with idsList
}

【问题讨论】：

这能回答你的问题吗？ How to return the response from an asynchronous call
你可以使用异步等待
如果你在成功的then调用中调用myFunc怎么办？ .then(data => { let idList = data.ids; myFunc(idList); })

标签： javascript function return arrow-functions

【解决方案1】：

您可以通过多种方式解决此问题。例如：

// with async / await
async function getData() {
    try {
        const rawData = await fetch("JSONitemIDsList.json")
        const data = await rawData.json()
        return data
    } catch (err) {
        // handle error here
        console.log(err)
    }
}

async function myFunc() {
    const idsList = await getData()
     //do something with idsList
}

或

// define first
function myFunc(idsList) {
     //do something with idsList
}

function getData(){
    fetch("JSONitemIDsList.json")
    .then(response => response.json())
    .then(data => {
        // function call
        myFunc(data.ids)  
    })  
}

【讨论】：

【解决方案2】：

你可以试试这个：

const reqResponse = fetch("JSONitemIDsList.json")
    .then(response => response.json())  
    // I am not sure, if your data is already in the format that you need, otherwise, you can run one more .then() to format it

}

const getIdList= async () => {
const idList = await reqResponse;
console.log(idList)
// use idList to access the information you need

}

【讨论】：