【javascript 基礎篇】fetch

【javascript 基礎篇】fetch

以前每件事都差很少，直到如今才發現差不少。

如今才發現理清一件事的原委是多麼快樂的一件事，咱們共同勉勵。

懶得扯淡，直接正題

不基於例子的講原理都是扯淡，知乎同樣的舉例都是賣弄

例子

如下例子根據 github v3 api 請求我的用戶信息

首先看一下 fetch 返回值

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

由以上截圖可知 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); 
    })

由上方截圖，能夠看出 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));