コールバックを使った非同期実装について、分解してみるといろいろなエッセンスが詰まっていたのでまとめました。なぜ/どうやってコールバックを使うのか、理解する助けになれば幸いです。 Ajaxでデータを取得する関数getApiData()を作ります。 完成形: function getApiData(callback) { $.ajax('/path/to/api') .done(function (data) { callback(null, data); }) .fail(function (error) { callback(error); }); } getApiData(function (error, data) { // エラー時の処理 if (error) { console.error(error); return; } // 成功時の処理 console.log(data);
![コールバックを使った非同期処理の実装例 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6829b4da3b0267c944658bd5fd13766c7ea1127/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgyJUIzJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgzJTkwJUUzJTgzJTgzJUUzJTgyJUFGJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJTlGJUU5JTlEJTlFJUU1JTkwJThDJUU2JTlDJTlGJUU1JTg3JUE2JUU3JTkwJTg2JUUzJTgxJUFFJUU1JUFFJTlGJUU4JUEzJTg1JUU0JUJFJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00NTc0ZGExMTQ4YjZhZWM5MzBmZTY1MWMyMjY2YzZkOQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaHRhbmpvJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mNjAyMDhlNWJlMzU5ZThkMjlmMGZlZTNhYTUxMWNhNw%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da75d385f8a210e4fdef56e42ea98b0fd)