[B! promise] akira1908jpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

akira1908jp id:akira1908jp

promiseã«é–¢ã™ã‚‹akira1908jpã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

async/awaitã«ãŠã‘ã‚‹ã‚¨ãƒ©ãƒ¼å‡¦ç†ã‚’å®Ÿè¡Œã®é †ç•ªã‹ã‚‰æ•´ç†ã™ã‚‹ - Qiita
ã¯ã˜ã‚ã« promiseã‚’ä½¿ã†ã¨ãã€ã„ã¤ã‚‚promiseãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã§è¨˜è¼‰ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã€€async/awaitã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ ã‚‚ã¡ã‚ã‚“çŠ¶æ³ã«ã‚ˆã£ã¦ä¸¡æ–¹æ›¸ãã®ãŒæ®†ã©ã ã¨ã¯æ€ã†ã®ã§ã™ãŒã€ç§ã¯async/awaitã®æ–¹ãŒåŒæœŸçš„ãªæ›¸ãæ–¹ã‚†ãˆã«èªã¿ã‚„ã™ã„ãŸã‚ã€ãªã‚‹ã¹ããã¡ã‚‰ã§è¨˜è¼‰ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ãªãŒã‚‰ã€ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ãŒç†è§£ã§ãã¦ã„ãªã‹ã£ãŸãŸã‚ã€ã‚¨ãƒ©ãƒ¼ã®æ‰€åœ¨ã‚’çªãæ¢ã‚ã‚‹ã®ã«è‹¦åŠ´ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ãã®ãŸã‚ã€ã“ã‚Œã‚’æ©Ÿã«async/awaitã«ãŠã‘ã‚‹ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã¤ã„ã¦å‚™å¿˜éŒ²çš„ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®ã¾ã¨ã‚; catchã•ã‚Œã‚‹ã‚¨ãƒ©ãƒ¼ã¯rejectã®ã¿ã‹ã€throwã•ã‚ŒãŸã‚¨ãƒ©ãƒ¼ã‚‚å«ã¾ã‚Œã‚‹ã‹ â†’ä¸¡æ–¹catchã§ãã‚‹ asyncé–¢æ•°ã«ãŠã‘ã‚‹å‡¦ç†ã®é †åºã€awaitãŒã‚ã‚‹å ´åˆã¨ãªã„å ´åˆ â†’awaitãŒãªã„å ´åˆã«ã¯åŒæœŸçš„ã«å‡¦ç†ãŒå®Ÿè¡Œã•ã‚Œã€catchã§ããªããªã‚‹ ã‚¨ãƒ©ãƒ¼å‡¦ç†ã‚’å¤–å´ã«ä¼æ’ã—
akira1908jp 2023/08/09
async

promise

javascript

éžåŒæœŸå‡¦ç†

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
JavaScriptã®éžåŒæœŸå‡¦ç†ã‚’ç†è§£ã™ã‚‹ ãã®2 ã€œPromiseç·¨ã€œ | ã•ãã‚‰ã®ãƒŠãƒ¬ãƒƒã‚¸
ã“ã‚“ã«ã¡ã¯ï¼å°ç”°å³¶ã§ã™ã€‚å‰å›žã®ã€Œã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ç·¨ã€ã‚’ç´ç¨¿ã—ãŸã¨ãã€ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã¯JavaScriptã®ãƒã‚´ã«ã‚¿ã‚¤ãƒˆãƒ«ã®æ–‡å—ã‚’å…¥ã‚ŒãŸã ã‘ã¨ã„ã†ã¨ã‚“ã§ã‚‚ãªã„ã‚„ã£ã¤ã‘ä»•äº‹ã ã£ãŸã®ã§ã™ãŒã€ã•ããƒŠãƒ¬ç·¨é›†éƒ¨ã®æ–¹ã«ã€Œã‚·ãƒªãƒ¼ã‚ºã§ç†è§£ãŒæ·±ã¾ã‚‹ã€ã¨ã„ã†ã™ã”ã„ç…½ã‚Šæ–‡å¥ãŒã¤ã„ãŸã¨ã¦ã‚‚ã‚«ãƒƒã‚³ã„ã„ç”»åƒã«å·®ã—æ›¿ãˆã¦ã„ãŸã ãã¾ã—ãŸã€‚ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒè©æ¬ºã«ãªã‚‰ãªã„ã‚ˆã†ã«ãŒã‚“ã°ã‚Šã¾ã™ã€‚ éžåŒæœŸå‡¦ç†ã‚·ãƒªãƒ¼ã‚ºã®2å›žç›®ã¯Promiseã«ã¤ã„ã¦ã®èª¬æ˜Žã§ã™ã€‚å‰å›žã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã—ãŸãŒã€Promiseã‚’ä½¿ã†ã“ã¨ã§ã©ã®ã‚ˆã†ã«ä¾¿åˆ©ã«ãªã£ãŸã®ã§ã—ã‚‡ã†ã‹ã€‚ãã‚Œã§ã¯è¦‹ã¦ã„ãã¾ã—ã‚‡ã†ï¼ä»Šå›žã¯ã‚³ãƒ¼ãƒ‰ãŒå¤šã„ã®ã§ã‹ãªã‚Šåˆ†é‡ãŒå¤šãæ„Ÿã˜ã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿéš›ã¯ã‚ã¾ã‚Šå¤§ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ä»Šå›žã®ç›®çš„ ä»Šå›žèª¬æ˜Žã™ã‚‹ã®ã¯Promiseã§ã™ã€‚ã“ã‚Œã¯Futureãƒ‘ã‚¿ãƒ¼ãƒ³ï¼ˆPromiseãƒ‘ã‚¿ãƒ¼ãƒ³ï¼‰ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ä¸€ç¨®ã§ã€ECMAScript
akira1908jp 2020/10/01
promise

éžåŒæœŸ

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
JavaScriptã®éžåŒæœŸå‡¦ç†Promiseã€Asyncã¨Awaitã®ä»•çµ„ã¿ã‚’GIFã‚¢ãƒ‹ãƒ¡ã§è§£èª¬
JavaScriptã®éžåŒæœŸå‡¦ç†Promiseã€Asyncã¨Awaitã®ä»•çµ„ã¿ã‚’GIFã‚¢ãƒ‹ãƒ¡ã§è§£èª¬ã—ãŸè¨˜äº‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ âï¸ðŸŽ€ JavaScript Visualized: Promises & Async/Await by Lydia Hallie ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ Promiseã®æ§‹æ–‡ ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—: Microtasksã¨(Macro)tasks Asyncã¨Await ã¯ã˜ã‚ã« JavaScriptã®ã‚³ãƒ¼ãƒ‰ãŒæœŸå¾…é€šã‚Šã«å®Ÿè¡Œã•ã‚Œãªã„ã“ã¨ã«æ‚©ã¾ã•ã‚ŒãŸã“ã¨ã¯ãªã„ã§ã™ã‹ï¼Ÿ ãŠãã‚‰ãã€é–¢æ•°ãŒä¸è¦å‰‡ã«å®Ÿè¡Œã•ã‚ŒãŸã‚Šã€äºˆæ¸¬ã§ããªã„ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§å®Ÿè¡Œã•ã‚ŒãŸã‚Šã€å®Ÿè¡ŒãŒé…ã‚ŒãŸã‚Šã—ãŸã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã—ã¦ã€ES6ã§å°Žå…¥ã•ã‚ŒãŸæ–°æ©Ÿèƒ½PromiseãŒåŽŸå› ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ï¼ ä½•å¹´ã‚‚
akira1908jp 2020/05/19
javascript

promise

éžåŒæœŸ
ãƒªãƒ³ã‚¯
Promise ã§æŽ’ä»–åˆ¶å¾¡ã‚’è¡Œã† - Qiita
Promise ã§ã®éžåŒæœŸå‡¦ç†æ™‚ã€æŽ’ä»–åˆ¶å¾¡ã‚’æ€ ã£ãŸã°ã£ã‹ã‚Šã«ãƒã‚°ã‚’å‡ºã—ã¦ã—ã¾ã£ãŸã€ãã‚“ãªçµŒé¨“ã‚ã‚Šã¾ã›ã‚“ã‹ã€‚ç§ã¯ã‚ã‚Šã¾ã™ã€‚ ã‚¹ãƒ¬ãƒƒãƒ‰ã‚’ä½¿ã†å ´åˆã€Mutex ã‚„ synchronized ç‰ã€…ã€å¤§æŠµæŽ’ä»–åˆ¶å¾¡ã‚’è¡Œã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„æ§‹æ–‡ãªã©ãŒã‚»ãƒƒãƒˆã§ã¤ã„ã¦ãã‚‹ã®ã ã‘ã©ã€Promise/A+ ã«ã¯ç„¡ã„ã®ã§è‡ªå‰ã§åˆ¶å¾¡ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ãªã®ã§ã€Promise ã§æŽ’ä»–åˆ¶å¾¡ãŒå‡ºæ¥ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ npm ã‹ã‚‰èª¿ã¹ã€ã‚ã¼ã—ã„ç‰©äºŒã¤ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã¿ãŸã€‚ async-lock https://www.npmjs.com/package/async-lock ä¸€ç•ªãƒ¡ã‚¸ãƒ£ãƒ¼ã£ã½ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ•°ã‚‚å¤šã„ã€‚ ãƒãƒƒã‚¯å–å¾—æ™‚ã€key ã‚’æŒ‡å®šã™ã‚‹ redis ã® key ã® set ã®ã‚ˆã†ã«ã€key ã”ã¨ã«æŽ’ä»–åˆ¶å¾¡ã—ãŸã„å ´åˆã«ä¾¿åˆ© ã‚¿ã‚¤ãƒ ã‚¢ã‚¦ãƒˆã®ã‚µãƒãƒ¼ãƒˆ å¾…ã¡å—ã‘ã‚¿ã‚¹ã‚¯æ•°ã®ä¸Šé™ã®ã‚µãƒãƒ¼ãƒˆ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒã€acqui
akira1908jp 2017/09/28
promise

ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹

javascript

æŽ’ä»–åˆ¶å¾¡
ãƒªãƒ³ã‚¯
ãŠãƒ¼ã„ç£¯é‡Žã€œ callbackä½¿ã£ã¦ã‚‹é–¢æ•°ã‚’Promiseã§ãƒ©ãƒƒãƒ—ã—ã¦async/awaitã§æ›¸ã“ã†ãœã€œ - taiki-t's diary
ä¾‹1 const sleep = (ms) => { return new Promise(resolve => setTimeout(resolve, ms)); } const something = async () => { await sleep(100) doSomething() } ä¾‹2 Geolocation.getCurrentPosition() - Web API ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ | MDN ã‹ã‚‰ // å…ƒãƒ¡ã‚½ãƒƒãƒ‰ã®æ§‹æ–‡ã¯ // navigator.geolocation.getCurrentPosition(success, error, options) // ã‚¯ãƒ©ã‚¹ã®ä¸ getCurrentPosition(options) { return new Promise((resolve, reject) => { navigator.geolocation.g
akira1908jp 2017/09/06
javascript

async

callback

promise
ãƒªãƒ³ã‚¯
1