js 新手求问 axios 中异步赋值的优雅姿势

[westworld]

最近在学习 axios 这个库，想通过这个库取得 json 数据然后做进一步处理，代码如下：

function getData(url) {

    var res;
    axios.get(url)
        .then(function (response) {
            res = response.data;
        })
        .catch(function (error) {
            console.log(error);
        });
    
    return res;
}

console.log(getData('https://yesno.wtf/api'));

返回的结果为 undefined，我知道这是因为 axios 采用的是异步操作，res 在 axios 获得返回数据前就已经由 getData()函数返回了，所以是 undefined。所以我很疑惑，到底怎样才能得到正确的返回值了？求问各位 JS 高手有没有比较优雅的实现方式？

[fay94]

getData 应该返回一个 promise

[mchl]

function getData(url) {

axios.get(url)
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
}

getData('https://yesno.wtf/api');

[liuxin5959]

你去学习一下 JS 的 async/await、Promise 相关的知识就知道该怎么做了。

[fay94]

```
function getData(url) {
return axios.get(url)
.then(function (response) {
return response.data;
})
.catch(function (error) {
console.log(error);
});
}

getData('https://yesno.wtf/api')
.then( data => {
console.log(data)
} )

```

[giuem]

ES7 可以这样写
```
(async () => {
try {
let { data } = await axios.get('https://yesno.wtf/api')
console.log(data)
} catch (err) {
console.log(err)
}
})()
```

[sunjourney]

是我就这么写
```
axios.get(url).then(res => res.data).then(console.log).catch(console.log)
```

[sunjourney]

或者

```js
const handleResponse = (res) { console.log(res.data) }
const handleError = (err) { console.log(err) }
axios.get(url).then(handleResponse).catch(handleError)
```

[ccccccc]

function getData(url) {
return axios.get(url).then(function(res) { return res.data })
}

getData('https://yesno.wtf/api').then(function(res) { console.log(res) })

[hjdtl]

@giuem es6 也可以这么写了

[giuem]

@hjdtl Async/Await 是 ES7 的标准吧…

[DCjanus]

使用 TypeScript，即使编译到 ES5 也可以用 await

[hjdtl]

@giuem 这样吗... 我看阮一峰的书是归到 es6 里的