รู้ Promise ในที่ 5 นาที

หลายทีแห่งอีฉันเขียนรายการต่อจากนั้นมุ่งหวังให้การทำงานสิ่งของฉันต้องทำอย่างหนึ่งเสร็จก่อนกำหนดหลังจากนั้นจดจักสร้างอีกอย่างหนึ่ง แต่เนื่องจากบางขณะฉันจำต้องชดใช้คำบัญชาที่งานแปลน Asyncronous ซึ่งเสร็จจัดการฉบับร่างไม่รอกัน เพราะฉะนี้อีฉันแล้วจึงต้องบังคับปันออกโปรแกรมสรรพสิ่งอิฉันรอคอยห้ามก่อนกำหนด ซึ่ง promise เป็นเลิศแห่งวิถีทางแห่งสมรรถลงมาแก้ปัญหาตรงนี้ได้มา ซึ่งก่อนที่มาทำความรู้จักกับดัก promise อิฉันลงมารู้จักกับCallback functionงานใช้ callback function ฉบับร่างล้ำเองก็เป็นเลิศที่ตัวเลือกที่งานแก้ไขปัญหานี้อีกด้วย โดยหลักการคือว่าครั้นฟังก์ชันหนึ่งเสร็จก็จักส่งเนื้อความจรบอกอีกฟังก์ชันเอ็ดมอบทำงานต่อนั่นเอง ได้แก่แม้อิฉันมีการทำงานว่าเมื่อฉันสร้าง doFirst สำเร็จก็จักทำ doSecond ต่อก็จะได้ว่าfunction doFirst(callback) callback(); function doSecond(callback) callback(); doFirst(function() doSecond(function() console.log(‘success’); ); ); ขนมจากรหัสข้างต้นอิฉันจะเหลือบเห็นบริหารชดใช้กรรมวิธี callback ตรงนั้นจะจำเป็นจะต้องนำฟังก์ชันลงมาล้ำกันกักคุมเข้าชั้นในจากไปค่อยๆ การทำงานแทบไม่กี่ทอผ้าประการก็จักไม่อ่อยเหลือบเห็นโจทย์เท่าไร แต่ว่าผิฉันต้องแยกออกทำเหลือแหล่ขั้นตอนถมๆ อาจจะทำให้เกิดท่างงงันได้มา หลังจากนั้นมากมายจำต้องเหยาะ หนทาง callback functionเข้าอีกบริบูรณ์เป็นเหตุให้แลดูเลวPromise งานสิ่งของ promise นั้นคล่องเต็มแรง แม้อีฉันมุ่งหมายมอบจัดการฟังก์ชัน doSecond ต่อการฟังก์ชัน doFirst ฉันแค่ใช้ .then ภายหลังงานเรียกฟังก์ชัน doFirst แล้วใส่ฟังก์ชัน doSecond ยอมไป อย่างนี้doFirst().then(doSecond)มันสมองthen(function() console.log(‘success’); );โดยแห่งฟังก์ชันสรรพสิ่งอีฉันจักจำเป็นจะต้อง return promise เพราะที่ promise จะจำเป็นจะต้องเหยาะพารามิเตอร์ดำรงฐานะ callback function แห่งเหยาะ fullfill ด้วยกัน reject ลงจากไป เพราะสถานที่งานสิ่งของfullfill จักเสร็จทำงานที่สำเร็จจัดการปกติ ด้วยกัน reject จักดำรงฐานะเคสแห่งอิฉันไม่ต้องการมอบก่อเกิดเช่นนี้function doFirst() return new Promise(function (fulfill, reject) if (error) reject(error); else fulfill(respond); ); พอนำมากอปรแปลนกักคุมก็จะได้มาดังนี้function doFirst() return new Promise(function (fulfill, reject) if (error) reject(error); else fulfill(respond); ); function doSecond() return new Promise(function (fulfill, reject) if (error) reject(error); else fulfill(respond); ); doFirst()มันสมองthen(doSecond)มันสมองthen(function() console.log(‘success’); );จักเห็นได้ว่าตอนเรียกใช้ฟังก์ชัน ไม่ต้องใส่callbackฟังก์ชันเข้าไปแล้ว แถมการเขียนตอนเรียกก็ห้วนด้วยกันอ่านคว้าคล่องกว่าฉบับร่างเก่าแก่มาก แม้คุณสนใจปฏิรูป สตาร์ทอัพ แอปพลิเคชัน กับ เทคโนโลยีของตัวเอง ?อย่ารอคอยช้า ! ทำความเข้าใจความสามารถด้านดิจิทัลเพื่อที่จะอัพเกรดความเก่งกาจสรรพสิ่งเจ้าเอ็ง ริเริ่มตั้งแต่ฐานราก พร้อมทำจริงแห่งรูปแบบคอร์สออนไลน์วันนี้ Fundamental Web Dev With HTML5 & CSS3 ฿890.00 ฿690.00฿890.00 ฿690.00Add to cart Programming for Everyone X ฿3,990.00 ฿990.00฿3,990.00 ฿990.00Add to cart Discrete Math For Programming ฿2,590.00฿2,590.00Add to cart Professional C# Programming ฿8,990.00 ฿3,990.00฿8,990.00 ฿3,990.00Add to cart