JavaScript入門 - パート5

パート5では、JavaScriptの非同期プログラミング、Promise、そしてFetch APIについて学びます。

非同期プログラミング

JavaScriptでは、非同期処理を実行することができます。これにより、ウェブページのレスポンス性を向上させることができます。

1. コールバック関数

setTimeout(function() {
    console.log("3秒後に実行されました。");
}, 3000);

2. Promise

let promise = new Promise(function(resolve, reject) {
    setTimeout(function() {
        resolve("成功しました！");
    }, 2000);
});

promise.then(function(result) {
    console.log(result);  // "成功しました！"
});

Fetch API

Fetch APIは、ウェブサーバーからリソースを取得するためのJavaScriptのAPIです。

3. GETリクエストの送信

fetch('https://jsonplaceholder.typicode.com/posts')
    .then(response => response.json())
    .then(data => console.log(data));

4. POSTリクエストの送信

fetch('https://jsonplaceholder.typicode.com/posts', {
    method: 'POST',
    body: JSON.stringify({
        title: 'foo',
        body: 'bar',
        userId: 1
    }),
    headers: {
        'Content-type': 'application/json; charset=UTF-8'
    }
})
.then(response => response.json())
.then(data => console.log(data));

まとめ

パート5では、JavaScriptの非同期プログラミング、Promise、そしてFetch APIについて学びました。これらの概念は、ウェブアプリケーションの開発で頻繁に使用され、より迅速かつ効率的なコードを書くのに役立ちます。