🦓 Fetchはアロー関数でないと動作しない?
作成日: 2021/12/25
1

会社ではES5の書き方で、アロー関数は書かないように言われているので、
FetchをES5の書き方で実装したが、undefindedで返ってくる。

同じ記述をES6 アロー関数の書き方で書くと動作した。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

    <script>

        // undefind で返ってきた。

        // const url = 'https://jsonplaceholder.typicode.com/posts';
        // fetch(url)
        // .then(function(res) {
        //     res.json()
        // })
        // .then(function(data) {
        //     console.log(data)
        // })
        // .catch(function(error) {
        //     console.log(error)
        // })


        // 
        const url = 'https://jsonplaceholder.typicode.com/posts';
        fetch(url)
        .then(res => res.json())
        .then(data => console.log(data))
        
        .catch(error => console.log(error))
    </script>
</body>
</html>

事業会社にてコーダーをしています。制作は6年目。 インプットしたことをアウトプットしています。