4

【javascript 基础篇】fetch

之前每件事都差不多,直到现在才发现差很多。

现在才发现理清一件事的原委是多么快乐的一件事,我们共同勉励。

懒得扯淡,直接正题

不基于例子的讲原理都是扯淡,知乎一样的举例都是卖弄

例子

以下例子根据 github v3 api 请求个人用户信息

首先看一下 fetch 返回值

fetch('https://api.github.com/users/doudounannan')

fetch 返回值

由以上截图可知 fetch 的返回值是一个Promise.

获取个人用户信息

then 实现
fetch('https://api.github.com/users/doudounannan')
    .then(res => {
        console.log('1cb', res); 
        return res.json();
    })
    .then(json => {
        console.log('2cb', json); 
    })

clipboard.png

由上方截图,可以看出 then 中的成功回调参数即是上一个Promise 的 PromiseValue值

await
var fun = async () => {
    var res = await fetch('https://api.github.com/users/doudounannan');
    return await res.json();
};

fun().then(data => console.log(data)).catch(e => console.err(e));

luckyyulin
217 声望9 粉丝

有一种鸟没有脚,他的一生只能在天上飞来飞去,飞累了就在风里睡觉,一辈子只能落地一次,那就是他死的时候


引用和评论

0 条评论