รู้ Await / Async ณ 5 นาที

ก่อนกำหนดจะชดใช้ Await / Async มันมีเรื่องกระไร ? เพราะว่ามนุชสถานที่จารึก JavaScript คงจะเข้าใจหรือยังโง่ตกลงแหว JavaScript ตรงนั้นมีคำสั่งที่ทำงานแบบ asynchronous ก็ตกว่ากาลเวลาสถานที่ดีฉันควบคุมงานอย่างไรเจียรต่อจากนั้นผิเป็นการงานแห่งหนใช้เวลานาน เลี่ยนก็จักเฉดจรสร้างคำสั่งถัดไปเกินโดยไม่ได้รอคอยมอบคำประกาศิตก่อนหน้าสร้างได้ผล มาดูตัวอย่างง่ายๆจากนี้ไปกักคุมfunction taskOne() setTimeout(function () console.log(“this is task 1”); , 500); function taskTwo() consoleมันสมองlog(“this is task 2”); function taskThree() setTimeout(function() console.log(“this is task 3”); , 1000) taskOne(); taskTwo(); taskThree();Output:this is task 2 this is task 1 this is task 3จากรหัสแม่แบบจักมองเห็นว่ามีฟังก์ชันสิงสู่ 3 ฟังก์ชัน ลงความว่า taskOne, taskTwo ด้วยกัน taskThree แห่งแต่ละฟังก์ชันจำลองงานกินเวลาดำเนินการกระเป๋าแห้งได้ผลไม่เหมือนกันด้วย setTimeout ต่อนี้ไปครั้นดีฉันเรียกหาใช้คืนปันออกจัดการเรียงลำดับ taskOne > taskTwo > taskThree เสียแต่ว่าพอสมควรผลลัพธ์ต่อจากนั้นหวนกลับได้มาเป็น 2 > 1 > 3 ซะงั้น โน่นก็เพราะ setTimeout() ครอบครองคำประกาศิตที่ทำการแปลน asynchronous ทำเอา JavaScript จักไล่จัดการเจียรตามคำสั่งจากไปเรื่อยๆ เพราะว่าไม่ไหวยั่วดุคำประกาศิตสถานที่เพิ่งจะเรียกหาจากไปก่อนหน้าตรงนั้นจะเสร็จหรือไม่ การงานเช่นนี้จึงอาจก่อกำเนิดปัญหากับดักการงานสถานที่หวังมอบปฏิบัติตามหลั่นได้ ซึ่ง JavaScript ก็ประกอบด้วยวิธีการสั่งการพร้อมด้วยการชดใช้ Promise (อ่านทำให้รุ่งเรืองขึ้นได้ที่ ………) แจกใช้ห้ามได้เย่ๆ รับมือกับธุรกิจแบบ asynchronous สรรพสิ่ง JavaScript ได้ต่อจากนั้น ยุติจำแนกขน…แม้ว่าคอยก่อน !!! ถ้ามันอวสานหวานคอแร้งแบบนั้นก็ดำรงพ้นไปบทความตรงนี้บังเกิดมา เผชิญดูโค้ดตั้งแต่นี้ไปกันก่อนกำหนดtaskOne()มันสมองthen(function() taskTwo()มันสมองthen(function() taskThree(); ) );Output:this is task 1 this is task 2 this is task 3รหัสด้านบนนี้แห่งหนใช้ Promise จักเหลือบเห็นดุเลี่ยนก็ดำเนินการลำดับตรงเผงต่อจากนั้นนี่ทุ่งนา แม้ว่ารหัสสรรพสิ่งอิฉันเลี่ยนก็เริ่มจักดูอ่านยากขึ้นไปติดสอยห้อยตามจรอีกด้วย คงจะอีกทั้งมองไม่เห็นทัศนียภาพชัดเจนเมื่อ งั้นถ้าหากว่าอิฉันประกอบด้วยการทำงานแห่งจำเป็นต้องทำถึง สิบ การงาน ซึ่งทั้งปวงการทำงานดำรงฐานะ asynchronous ต่อจากนั้นใช้เวลาไม่ดุลล่ะtaskOne()มันสมองthen(function () taskTwo().then(function () taskThree().then(function () taskFour()มันสมองthen(function () taskFive().then(function () taskSix()มันสมองthen(function () taskSeven().then(function () taskEight()มันสมองthen(function () taskNine().then(function () taskTen(); ) ) ) ) ) ) ) ) );อืมมม… ควรรู้แล้วใช่มั้ยว่าทำไมเพียง Promise ชนิดเดี่ยวจดอีกต่างหากไม่พอ กระเป๋าแห้งจำเป็นจะต้องก่อกำเนิดเป็น Await / Async ขึ้นไปลงมาแล้ว Await / Async นี่มันใช้งานเช่นไร await ชดใช้เพื่อบอกปันออก JavaScript รอจนถึงคำสั่งตรงนั้นจักเสร็จ จดค่อยจรดำเนินการอันถัดไป เพราะว่าฟังก์ชันที่จะมี await อยู่ชั้นในคว้าจำเป็นต้องประกาศครอบครอง async เทียบเท่าเสี่ยงรหัสข้างล่างตรงนี้แก้ไขจิกปีกห้ามก่อนกำหนดasync function main() await taskOne(); main();ทีนี้ครั้นดีฉันเอาการใช้ await ด้วยกัน async จรใช้กับการทำงานทั่ว สิบ สิ่งของเรา โค้ดก็จะออกมากระนี้async function main() await taskOne(); await taskTwo(); await taskThree(); await taskFour(); await taskFive(); await taskSix(); await taskSeven(); await taskEight(); await taskNine(); await taskTen(); main();Output:this is task 1 this is task 2 this is task 3 this is task 4 this is task 5 this is task 6 this is task 7 this is task 8 this is task 9 this is task 10อวสานแล้วครับผมด้วยว่างานใช้ await กับ async … คราวนี้จบแล้วจริงหนอ เท่านี้รหัสสรรพสิ่งเราก็สวยงามอ่านหวานคอแร้งแล้วอีซี่สุดๆๆ วิธีการชดใช้ Await กับ Async เหนาะๆดังนี้ก็พิสูจน์นำเจียรทำให้เรียบใช้กับรหัสแห่งเขียนกันได้นะขอรับ หรือว่าจักใช้เพียงแค่ Promise ก็พิสูจน์ตรวจแลดูแหวการทำงานสถานที่เราสมควรกับอะไร จะได้มาไม่ได้ผลทวีธุรกิจ เพิ่มพูนหน้าที่มอบกับตนเองหนอขอรับถ้าหากเธอยั่วปรับปรุง สตาร์ทอัพ แอปพลิเคชัน ด้วยกัน เทคโนโลยีของตัวเอง ?อย่าคอยไม่ทันเวลา ! เรียนรู้ความถนัดปีกดิจิทัลเพื่ออัพเกรดความเก่งกาจสรรพสิ่งเธอ เริ่มตั้งแต่รากฐาน ครบถ้วนทำแน่นอนที่รูปแบบคอร์สออนไลน์วันนี้ Advance Problem Solving ฿2,590.00 ฿2,090.00฿2,590.00 ฿2,090.00Add to cart Professional Android Development ฿8,990.00 ฿4,990.00฿8,990.00 ฿4,990.00Add to cart มีสิทธิ์ความชื่นชอบยิ่ง Ultimate Game Development ฿13,360.00 ฿4,990.00฿13,360.00 ฿4,990.00Add to cart Ultimate Android Package ฿15,060.00 ฿6,990.00฿15,060.00 ฿6,990.00Add to cart