Promise/then・Observable・async/awaitの3者って、似たような文脈でよく出てくるけど、出くわすたびになんとなく書いてなんとかしてた感があったので、 同じ動作をするコードを書いてみて、書き方にどんな違いが出てくるか比較してみよう、という趣旨の記事です。 きっと理解が深まると思います。 3者の関係を説明しておくと、 Promiseの扱い方の中に、thenを使う方法とasync/awaitを使う方法がある Observableの扱いは、Promiseの「thenを使う方法」と似ている という感じです。 thenとasync/awaitはどちらもPromiseを扱う方法で、PromiseとObservableは似ていますが違うものです。 (2020-04-18)改定のお知らせ 筆者の理解が深まったため、記事を全面改訂しました。 「asyncの場合」に、asyncを使え
![Promise・Observable・async/await で同じ事をやってみて違いを理解しよう - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1d8ccb7dad8239ddbd0225c632befac45103f582/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UHJvbWlzZSVFMyU4MyVCQk9ic2VydmFibGUlRTMlODMlQkJhc3luYyUyRmF3YWl0JTIwJUUzJTgxJUE3JUU1JTkwJThDJUUzJTgxJTk4JUU0JUJBJThCJUUzJTgyJTkyJUUzJTgyJTg0JUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUJGJUUzJTgxJUE2JUU5JTgxJTk1JUUzJTgxJTg0JUUzJTgyJTkyJUU3JTkwJTg2JUU4JUE3JUEzJUUzJTgxJTk3JUUzJTgyJTg4JUUzJTgxJTg2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1jZDM5MWVjMjhjNmVkZGE2OWYxNjZiMWRiMmIwNDY5Zg%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBhZ2FqbyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjU4Y2IyNDg3NmQxYjIyZDkyNjdmYzIxNGZjZmIxZjA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D73a11fd99c25b42fff0c6781d1b7d594)