{"root":{"children":[{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"type":"image","version":1,"src":"/api/images/da71d406-e058-4e2f-9468-b6235efdb83f.png","altText":"promise good.png","width":376,"height":376,"alignment":"center"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"1. What is a promise?","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Before we jump into the technical aspects of promises an async operations, its important to understand what a promise is. I also want to use this blog to understand the interface of promises, and how to type them to make things more intuitive. With this said, lets dive in.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"So... what's a promise? It's an ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"object","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" representing the eventual completion or failure of an asynchronous operation. Promises can exist in ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"one","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" of ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"three","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" states:","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Pending","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" - Initial state, neither fulfilled nor rejected","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":1},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Fulfilled ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"-","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":" ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"The operation completed successfully, a value is produced.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":2},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Rejected ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"-","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":" ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"The operation failed, producing a reason for failure (error)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":3}],"direction":null,"format":"","indent":0,"type":"list","version":1,"textFormat":1,"listType":"number","start":1,"tag":"ol"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Once a promise goes from pending to either fulfilled or rejected, it is considered ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"settled","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" and its state is immutable. ","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"A great analogy I've heard go around is to think of a promise as a sealed envelope. While its pending, the envelope is empty and the answer hasn't been written yet. Once the operation completes, the answer is written inside and the envelope is sealed (","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"settled","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"). You can pass that envelope around, hand it to different people (","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":".then()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" handlers), and they'll all read the same answer. Nobody can open it back up and change what's written. You ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"can","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" throw the envelope away and grab a new one (if you reassign the variable) but the original envelope's contents (which are stored in memory) are locked.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Historical lineage","type":"text","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"Typescript ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promises","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" descend from the ","type":"text","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Promises/A+","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"link","version":1,"rel":"noopener noreferrer","target":"_blank","title":null,"url":"https://promisesaplus.com/"},{"detail":0,"format":0,"mode":"normal","style":"","text":" specification, which was designed to be the minimal viable abstraction over ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"\"a value that may or may not exist yet\"","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"quote","version":1},{"type":"horizontalrule","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"2. The ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" type in typescript","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Typescript adds generic typing to promises ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". The type parameter ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"T","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"color: #ac3521;","text":" ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"represents the type of the ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"resolved","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" value","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// A promise that resolves to a string","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"myPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"_reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"hello\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"})","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Resolves to a complex type","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"interface","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"name","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"email","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"userPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"({ ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id:","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"1","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"name:","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Alice\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"email:","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"alice@example.com\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" });","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"});","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Resolves to void (side-effect only, no meaningful value)","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"sideEffect","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"void","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"did something\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"});","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Resolves to a union type","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"maybe","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" | ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"null","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"Math","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"random","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"() > ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"0.5","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ? ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"found\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" : ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"null","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"});","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"The ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" is a generic (T)ype parameter, a placeholder that gets filled with a concrete type when you create the promise. ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" means 'a promise that will eventually produce a string.'","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"warning"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"type":"horizontalrule","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"3. Constructing Promises","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"3.1 The Promise Constructor","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"new Promise(executor: (resolve, reject) => void)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #ac3521;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"The canonical way of creating a promise. The executor function receives ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #5a6340;","text":"resolve","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" and ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"reject","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" callbacks.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getSomeData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"success","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"value","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Fulfills the promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"} ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"else","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Rejects the promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"};","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Key behaviors","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" of the ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"executor","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":":","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"It runs ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"synchronously","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" when the Promise is created.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"If the executor throws, the Promise is automatically ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"rejected","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":2},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Calling ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"resolve","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" or ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"reject","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" more than once is a no-op","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":3}],"direction":null,"format":"","indent":0,"type":"list","version":1,"listType":"number","start":1,"tag":"ol"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Throws inside the executor automatically reject","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"failedPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"never","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"res","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"rej","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"throw","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Failure!\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// same thing as calling rej(new Error(\"Failure!\")","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"});","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// First call wins, second is ignored","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"ignoredPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"res","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"_rej","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"res","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"First!\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"res","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Second!\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// silently ignored","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"});","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;font-size: 14px;","text":"Where does ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;font-size: 14px;","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;font-size: 14px;","text":" come from?","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;font-size: 14px;"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;font-size: 14px;","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" is a ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"global construction function ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"built into the JavaScript runtime (eg. V8, SpiderMonkey). It's always available. When you write ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"new Promise(...)","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", you're calling the constructor to create an ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"instance","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". When you write ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise.resolve(...)","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", you're calling a ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"static","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" method on that same constructor, like a factory shortcut.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;font-size: 14px;"}],"direction":null,"format":"","indent":0,"type":"note","version":1,"textFormat":16,"textStyle":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;font-size: 14px;","noteType":"warning"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"3.2 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise.resolve()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"color: #ac3521;","text":" ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"- Instantly Fulfill","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #5a6340;","text":"static method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #5a6340;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"A ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"shorthand factory","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" for creating a promise that is ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"already fulfilled","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" with that value. These two are functionally equivalent","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Long form","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"promise1","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"1\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"});","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Short form","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"promise2","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"1\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Both produce a ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" that is already in the fulfilled state with the value of ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"color: #ac3521;","text":"\"1\"","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". The static method just saves you the boilerplate of writing the executor function when the value is known","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":3,"mode":"normal","style":"","text":"When is this useful?","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" When you need to return a promise from a function but already have the value synchronously","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":3,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Check cache first","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"cached","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"cache","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"get","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"cached","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"cached","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Already have it, wrap in a promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`/api/users/","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"${","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"}","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Actually async","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"The caller doesn't need to know whether the value came from cache or network, they just get a ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":".","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"3.3 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise.reject()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" - Instantly Reject","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"","text":"static method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Similar use-case as ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise.resolve()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" ","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"rejectPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"failure\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"));","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"You can reject a promise with ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"any","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" value (strings, numbers, objects) but rejecting with an ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Error","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" is ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"strongly","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" recommended because you get stack traces","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"warning"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"3.4 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise.withResolvers()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"color: #ac3521;","text":" ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"color: #4a5568;","text":"(ES2024)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"","text":"static method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Extract ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"resolve","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" / ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"reject","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" from the constructor scope. Useful when you need to resolve a promise from outside the executor.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"withResolvers","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Now you can resolve/reject from anywhere","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"setTimeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"done\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"1000","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Practical example: wrapping event emitters","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"waitForEvent","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"emitter","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"EventEmitter","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"event","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"unknown","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"withResolvers","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"unknown","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"emitter","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"once","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"event","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"emitter","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"once","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"error\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"type":"horizontalrule","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"4. Consuming Promises","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"4.1 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":".then()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" - The First","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #4a5568;","text":"instance method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #4a5568;"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"","text":".then()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" accepts two optional callbacks: one for fulfillment, one for rejection. It always returns a ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"new","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promise.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"The fact that ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":".then()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" returns a new promise is what makes chaining possible. Each ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":".then()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" in a chain creates a new promise whose value is whatever the callback returns.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// The promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"length","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// becomes fulfilled value","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"});","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Both callbacks","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"().","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"value","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Success!\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"value","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Failure!\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Returned promises auto unwrap","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"1","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" .","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchPosts","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")) ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// returns Promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" .","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"posts","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"posts","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// posts is Post[], not Promise ","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"4.2 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":".catch()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" - Rejection Handler","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #4a5568;","text":"instance method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #4a5568;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Syntactic sugar for ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":".then(undefined, onRejected)","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". Catches rejections from any previous step in the chain.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" .","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"process","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"))","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" .","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"save","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"))","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" .","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"unknown","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Catches errors from fetchData, process, OR save","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Something failed:\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" });","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// .catch() returns a new promise so the chain can recover","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" .","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"warn","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Using fallback\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"fallbackData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// chain continues with this value","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" })","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" .","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// data is either the original or the fallback","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" });","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"4.3 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":".finally()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" - Cleanup terminant","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #4a5568;","text":"instance method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #4a5568;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Runs whether the promise was fulfilled or rejected. Does ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"not","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" receive the value or error. The return value is ignored (unless it's a rejected promise)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"let","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"loading","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"true","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"render","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"))","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"err","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"showError","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"err","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"))","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Always fires","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"finally","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"loading","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"false","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" });","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"One small gotcha is that if you call a .finally anywhere not at the end of the chain, if ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":".finally()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" throws an error, it ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"does","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" reject the chain with that error, rather than ignoring the value.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"error"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"type":"horizontalrule","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"5. Async / Await - Promises simplified","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"The ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" and ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" keywords act as syntactic sugar over Promises and the workflows explored above.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Awaiting a non-promise value simply returns it immediately!","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"info"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"5.1 Basic Async Functions","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"An ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" function always returns a ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". The ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" keyword pauses execution until the awaited promise settles.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Return type is inferred as Promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`/api/users/","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"${","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"}","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// automatically wrapped in Promise.resolve(user)","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Arrow function syntax","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`/api/users/","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"${","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"}","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"};","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"5.2 Error Handling with try/catch/finally","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"In non async/await promise based workflows, affordances like .then, .catch and .finally are used to handle errors and cleanups. Instead, when using async/await, we need different tools for those responsibilities","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"safeFetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" | ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"null","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (!","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"ok","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"throw","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`HTTP ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"${","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"status","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"}","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"`","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"text","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"unknown","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"instanceof","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Fetch failed:\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"message","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"null","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"finally","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Request completed\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"In Javascript, anything can be thrown, so Typescript forces you to narrow the error, which is why the error above is ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"unknown","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":".","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"warning"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"5.3 Sequential vs Concurrent Awaits","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Sequential","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"sequential","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"() {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"a","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getA","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// takes ~1s","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"b","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getB","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// takes another ~1s","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"a","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" + ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"b","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// takes total ~2s","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Concurrent","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"concurrent","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"() {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" [","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"a","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"b","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"] = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"all","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getA","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getB","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()]);","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"a","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" + ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"b","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// total: ~1s (max of both)","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color: #9c9a94;font-size: 11px;font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;","text":"More on this below!","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":"color: #9c9a94;font-size: 11px;font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;"},{"type":"horizontalrule","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"6. Promise Combinators","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Promise combinators are built-in static methods in the Promise object that allow you to combine multiple promises into a single, coordinated action. ","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"6.1 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise.all(promises)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #5a6340;","text":"static method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #5a6340;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Waits for ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"all","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promises to fulfill. Short-circuits on the ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"first ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"rejection.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// All fulfill, array of results","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" [","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"users","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"posts","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"comments","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"] = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"all","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchUsers","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchPosts","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchComments","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"]);","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// One rejects, entire Promise.all rejects","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"all","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchA","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchB","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchC","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()]);","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"} ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// error is from whichever promise rejected first","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// With mapped arrays","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"userIds","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = [","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"1","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"2","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"3","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"4","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"5","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"];","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"users","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"[] = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"all","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"userIds","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"map","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"id","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"))","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Use Case","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"When all operations are required to succeed, like loading multiple config files before launching an application","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"info"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"6.2 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise.allSettled(promises)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #5a6340;","text":"static method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #5a6340;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Waits for ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"all","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promises to settle (fulfill or reject). ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"Never short-circuits.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":16,"mode":"normal","style":"","text":"Returns: SettledResult[]","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"type","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"SettledResult","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> =","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" | { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"status","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"fulfilled\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"value","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" | { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"status","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"rejected\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"reason","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"unknown","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" };","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":2,"mode":"normal","style":"","text":"In practice","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":2,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"results","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"allSettled","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchA","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchB","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchC","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"]);","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Each result is either:","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// { status: \"fulfilled\", value: T }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// { status: \"rejected\", reason: unknown }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"for","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"of","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"results","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"status","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" === ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"fulfilled\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Got:\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"value","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"else","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Failed:\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"reason","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Use Case","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"When you want to know the outcome of every operation, regardless of success or failure (e.g., sending multiple independent API requests).","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"info"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"6.3 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise.race(promises)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #5a6340;","text":"static method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #5a6340;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Resolves or rejects with the ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"first","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promise to settle","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Timeout pattern","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"withTimeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">, ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"ms","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"timeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"never","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"_","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"setTimeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Timeout hit!\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"ms","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"race","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"timeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"]);","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"withTimeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"5000","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Use Case","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"When you need the fastest result (e.g., choosing the fastest server response) or need to set a timeout on an operation.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"info"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"6.4 ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"Promise.any(promises)","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"color: #5a6340;","text":"static method","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":"color: #5a6340;"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Resolves with the ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"first","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promise to ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"fulfill. ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"Only rejects if ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"all","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promises reject.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Using multiple service mirrors, use first to respond","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"any","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchFromMirror1","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchFromMirror2","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchFromMirror3","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"])","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// AggregateError if all fail","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"any","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"fail\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"fail again\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"and again\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"),","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"])","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"} ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"unknown","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"instanceof","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"AggregateError","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"errors","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// [\"a\", \"b\", \"c\"]","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Use Case","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"When you need the first successful response among multiple redundant options.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"info"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"type":"horizontalrule","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"7. Advanced Patterns","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"7.1 Retry Pattern","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"When you want to automatically retry a service call with configurable parameters","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"withRetry","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">(","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fn","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": () ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">, ","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"options","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"retries","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"?: ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"delay","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"?: ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } = {}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"retries","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"3","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"delay","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"1000","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"options","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"for","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"let","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"attempt","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"0","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"attempt","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" <= ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"retries","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"; ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"attempt","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"++) {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fn","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"} ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"err","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"attempt","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" === ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"retries","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"throw","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"err","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"setTimeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"delay","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"))","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"throw","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Unreachable\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"data","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"withRetry","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetchData","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"retries:","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"10","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" })","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;color: #9c9a94;font-size: 12px;","text":"Real retry functions usually also include a backoff parameter to delay each failure incrementally, go ahead and add it to the code above!","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;color: #9c9a94;font-size: 12px;"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textStyle":"font-family: \"SF Mono\", \"Fira Code\", \"Fira Mono\", Menlo, Consolas, monospace;color: #9c9a94;font-size: 13px;","textFormat":0},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"7.2 Concurrency Limiter","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"When you have 10,000 URLs to fetch. ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise.all","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" would fire all 10,000 simultaneously and overwhelm the server or hit rate limits. A concurrency limiter lets you process them with at most N in flight at any time.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"concurrently","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">(","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"tasks","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": (() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">)[],","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"concurrency","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"[]> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"results","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"T","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"[] = [];","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"executing","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Set","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"void","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">>();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"for","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" [","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"index","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"task","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"] ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"of","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"tasks","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"entries","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()) {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"p","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"task","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"().","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"results","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"[","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"index","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"] = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" });","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"tracked","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"p","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"executing","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"delete","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"tracked","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); });","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"executing","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"add","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"tracked","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"executing","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"size","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" >= ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"concurrency","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"race","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"executing","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"all","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"executing","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"results","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Process 100 items, max 5 at a time","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"tasks","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"urls","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"map","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" () ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()));","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"results","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"concurrently","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"tasks","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"5","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"7.3 Cancellable Promises","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"When a user navigates away from a page while data is loading. Without cancellation, the fetch completes and tries to update state on an unmounted component (a common React bug). AbortController lets you cancel the request when the component unmounts.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"cancellableFetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":",","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"signal","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"AbortSignal","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", { ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"signal","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" });","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Usage","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"controller","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"AbortController","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Cancel after 5 seconds","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"setTimeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"controller","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"abort","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(), ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#B5CEA8","text":"5000","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"cancellableFetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"/api/data\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"controller","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"signal","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"} ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"instanceof","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"DOMException","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" && ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"name","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" === ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"AbortError\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Request was cancelled\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"7.4 Promise based Mutex / Lock","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"class","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Mutex","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"private","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"queue","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": (() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"void","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")[] = [];","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"private","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"locked","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"false","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"acquire","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<() ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"void","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"this","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"locked","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"void","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":">((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"this","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"queue","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"push","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"));","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"this","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"locked","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"true","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" () ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"this","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"locked","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"false","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"next","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"this","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"queue","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"shift","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"if","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"next","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"next","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" };","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Usage: serialize access to a shared resource","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"mutex","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Mutex","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"criticalSection","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"() {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"release","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"mutex","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"acquire","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"doExclusiveWork","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"finally","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"release","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"type":"horizontalrule","version":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"8. Questions","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h1"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"These are some of the questions I had, even later in my career, that really tripped up my understanding of working with promises. I decided to go fairly deep into each of these questions to solidify that understanding and clean up my mental model. I'll probably keep expanding these as I learn more about promises and the javascript language as a whole.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"When do you actually need to create a promise?","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"If you're a front-end developer, you might be used to always ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"consuming","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promises, but where does a Promise creation usually happen? ","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Somewhere at the root of every promise chain, a promise gets created, the chain has to start ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"somewhere","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". A popular example might be the ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"fetch()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" api. In this case, the browser/Node.js runtime itself creates the promise internally in native code. When you write","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Inside the ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"fetch","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" implementation (which you normally wouldn't see), something conceptually like this happens:","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Pseudocode of fetch()","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"string","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Start the actual HTTP request","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"request","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"createHTTPRequest","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"url","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"request","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"onComplete","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"Response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"response","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")) ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Fulfill promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"request","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"onError","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"reject","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"TypeError","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"error\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":")); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Reject promise","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"request","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"send","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"()","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"})","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"When you need ","type":"text","version":1},{"detail":0,"format":17,"mode":"normal","style":"","text":"new Promise","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Wrapping callback-based APIs","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" - like the HTTP request above is the primary use-case. In these cases, the callback function doesn't return anything meaningful, it takes a callback and calls it later which we leverage to inform the user a response came back.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":1},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Wrapping event emitters","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" - like wrapping an iframe ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":".onLoad","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" api to complete in which case we can resolve the promise","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":2},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Wrapping ","type":"text","version":1},{"detail":0,"format":17,"mode":"normal","style":"","text":"setTimout","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":" - ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"Simple usecase to create a delay, like Python's ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"sleep()","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" function. ","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":3}],"direction":null,"format":"","indent":0,"type":"list","version":1,"textFormat":1,"listType":"number","start":1,"tag":"ol"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"delay","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"ms","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":": ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"number","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"void","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"new","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"((","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"setTimeout","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"resolve","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"ms","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"));","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Now you can: await delay(1000);","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"The mental model","type":"text","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"Ask yourself: \"Does this thing I'm calling return a promise?\" If yes, don't wrap it. If no (it uses callbacks, events, or some other completion mechanism), that's when you reach for ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"color: #ac3521;","text":"new Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":".","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"quote","version":1},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"What happens if you dont await a returned promise","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"This is a much deeper dive into the inner workings of ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" and ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". To really understand what happens when you skip an ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", we need to go back to the envelope analogy.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"An ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" function always returns an envelope (a promise). Inside that envelope pis the value you care about. ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" is the act of opening the envelope. So what happens when you don't open it?","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"You get the envelope, not the contents","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"res","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"/api/user\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"res","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Without await — you get the envelope","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Promise { }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// With await — you open the envelope","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// { id: 1, name: \"Alice\", ... }","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Without ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", the fetch is still happening in the background. The promise exists, the work is in progress, but you walked away without waiting for an answer. The value isn't accessible, you're holding a sealed envelope and trying to read through the paper.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"This is one of the most common bugs in async JS. The code doesn't throw and error, instead it silently gives you a Promise object where you expected data, and things break in confusing ways (hello ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"[object Promise]","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":").","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"Five permutations I want to explore","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Let's walk through every combination to build a complete mental model.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"1. ","type":"text","version":1},{"detail":0,"format":17,"mode":"normal","style":"","text":"return fetch()","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":" - returning a promise without awaiting it","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"''","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"());","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"You return a promise from inside an async function. Normally, ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" wraps your return value in ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"another","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" promise, but the runtime detects you're returning something that's already a promise and ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"collapses it.","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" You don't get ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise>","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". You get ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". This auto-unwrapping is built into the language and it's why you can never have nested promises in practice.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"This of it like putting an envelope inside another envelope. The postal service (the runtime) opens the outer one and just delivers the inner one.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"2. ","type":"text","version":1},{"detail":0,"format":17,"mode":"normal","style":"","text":"return await fetch()","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":" - await, then return","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"''","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"());","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Here, ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" opens the inner envelope inside the function, extracts the ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"User","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" value, and then ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"return","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" hands that value back. The ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" function wraps it in a fresh envelope for the caller. The caller gets the same result as ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"color: #4a5568;","text":"permutation 1","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":".","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"This might seem redundant, and it usually is. But it has a ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"critical","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" difference when error handling it:","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// BUG: catch never fires","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUserBroken","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"''","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"());","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// The promise is returned directly, bypassing the try block.","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// If it rejects, the rejection happens AFTER this function exits.","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"This never runs\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"defaultUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// CORRECT: catch works as expected","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUserSafe","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"try","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"''","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"());","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// await unwraps the promise HERE, inside the try block.","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// If it rejects, the error is thrown HERE, and catch catches it.","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" } ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"catch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" (","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":") {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"\"Caught!\"","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"error","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":");","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"defaultUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":";","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Without ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", you're handling the sealed envelope directly to the caller. If there's a bomb inside (a rejection), it explored in the ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"caller's ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"hands, not yours. With ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", you open the envelope yourself inside the try block and if it explodes, your local catch handles it.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"If you have a ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"try/catch","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" always ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"return await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"!","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"note","version":1,"noteType":"error"},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"3. Calling without ","type":"text","version":1},{"detail":0,"format":17,"mode":"normal","style":"","text":"await","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"async","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"''","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"());","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// No await!","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Promise { }","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"console","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"log","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"result","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"name","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"); ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// undefined — Promise objects don't have a .name","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"You get the promise object itself. The fetch is happening, but you aren't waiting for it. This is the \"holding a sealed envelope\" scenario. The data will arrive eventually, but you've already moved on.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"This is sometimes intentional... you might want to start multiple operations and await them together later:","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Start both fetches immediately (not awaiting yet)","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"userPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"postsPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getPosts","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Now await both together — they've been running concurrently","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" [","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"posts","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"] = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"all","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"([","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"userPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":", ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"postsPromise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"]);","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"This is actually one of the most important patterns in async JavaScript. By ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"not","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" awaiting immediately, you let both requests fly in parallel. If you awaited them sequentially, you'd wait for one to finish before starting the other.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"4. Double await","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"const","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4FC1FF","text":"user","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" = ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"await","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"();","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"The first ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" unwraps ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"Promise","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" into ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"User","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". The second ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" receives ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"User","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" (a plain value, not a promise). Awaiting a non-promise value just returns it immediately, it's a no-op. So this works, but the second ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" does nothing.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Think of it as opening an envelope, finding a letter inside (not another envelope), and trying to \"open\" the letter. It's already open. You just get the letter back.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"5. What if ","type":"text","version":1},{"detail":0,"format":17,"mode":"normal","style":"","text":"getUser","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":" wasn't async?","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"color:#6A9955","text":"// Regular non async function","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"function","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"getUser","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(): ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"Promise","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"<","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#4EC9B0","text":"User","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"> {","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":2,"format":0,"mode":"normal","style":"","text":"\t","type":"tab","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#C586C0","text":"return","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"fetch","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#CE9178","text":"''","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":").","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"then","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"(","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#569CD6","text":"=>","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":" ","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#9CDCFE","text":"r","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":".","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#DCDCAA","text":"json","type":"code-highlight","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"());","type":"code-highlight","version":1},{"type":"linebreak","version":1},{"detail":0,"format":0,"mode":"normal","style":"color:#D4D4D4","text":"}","type":"code-highlight","version":1}],"direction":null,"format":"","indent":0,"type":"code","version":1,"language":"typescript","theme":"dark-plus"},{"children":[{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" doesnt care whether the function was declared ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":". It just needs a promise. The ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" keyword does two things:","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":16,"textStyle":""},{"children":[{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Lets you use ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"inside","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" the function","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":1},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Guarantees the return value is wrapped in a promise.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"listitem","version":1,"value":2}],"direction":null,"format":"","indent":0,"type":"list","version":1,"listType":"number","start":1,"tag":"ol"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"If you already return a promise and don't need internal ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", you don't technically need the ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" keyword ","type":"text","version":1},{"detail":0,"format":1,"mode":"normal","style":"","text":"at all.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":1,"textStyle":""},{"children":[{"detail":0,"format":1,"mode":"normal","style":"","text":"The mental mode","type":"text","version":1},{"type":"linebreak","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" is a guarantee about the output: ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"\"this function returns an envelope.\"","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" is an action on the input: ","type":"text","version":1},{"detail":0,"format":2,"mode":"normal","style":"","text":"\"open this envelope and give me what's inside.\" ","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":"If you skip ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":", you get the envelope. If the function isn't ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"async","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" but returns a promise, ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" still opens it. They're independent concepts that work together but don't require each other.","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"quote","version":1},{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"Does ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"await","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" pause all code execution?","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"heading","version":1,"tag":"h2"},{"children":[{"detail":0,"format":0,"mode":"normal","style":"","text":"I want to talk about the ","type":"text","version":1},{"detail":0,"format":16,"mode":"normal","style":"","text":"event loop","type":"text","version":1},{"detail":0,"format":0,"mode":"normal","style":"","text":" here and how javascript handles its call stack, microtask queues and macrotask queues around async operations. This is a big writeup so im still working on this in the background, come back soon!","type":"text","version":1}],"direction":null,"format":"","indent":0,"type":"paragraph","version":1,"textFormat":0,"textStyle":""}],"direction":null,"format":"","indent":0,"type":"root","version":1}}