1-js/11-async/04-promise-error-handling/promise-handler-variants.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="659px" height="350px" viewBox="0 0 659 350" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
    <title>promise-handler-variants.svg</title>
    <desc>Created with sketchtool.</desc>
    <g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="promise-handler-variants.svg">
            <path id="Line-Copy" d="M525.949493,220.3668 L486.395757,189.768627 L488.231373,187.395757 L527.78511,217.99393 L532.680087,211.666277 L541.895478,230.805936 L521.054516,226.694454 L525.949493,220.3668 Z" fill="#EE6B47" fill-rule="nonzero"></path>
            <path id="Line-Copy-3" d="M332,216 L332,188 L335,188 L335,216 L343,216 L333.5,235 L324,216 L332,216 Z" fill="#EE6B47" fill-rule="nonzero"></path>
            <path id="Line-Copy-2" d="M173.21489,217.99393 L212.768627,187.395757 L214.604243,189.768627 L175.050507,220.3668 L179.945484,226.694454 L159.104522,230.805936 L168.319913,211.666277 L173.21489,217.99393 Z" fill="#EE6B47" fill-rule="nonzero"></path>
            <text id="return-value" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D">
                <tspan x="128" y="173">return value</tspan>
            </text>
            <text id="return-promise" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D">
                <tspan x="447" y="173">return promise</tspan>
            </text>
            <text id="throw-error" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D">
                <tspan x="284" y="173">throw error</tspan>
            </text>
            <rect id="Rectangle-1-Copy" stroke="#7ED321" stroke-width="2" fill="#FFF9EB" x="20" y="264" width="178" height="64"></rect>
            <text id="state:-&quot;fulfilled&quot;-r" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#417505">
                <tspan x="35" y="288">state:  "fulfilled"</tspan>
                <tspan x="35" y="308">result: value</tspan>
            </text>
            <rect id="Rectangle-1-Copy-3" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="256" y="264" width="178" height="64"></rect>
            <text id="state:-&quot;rejected&quot;-re" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#727155">
                <tspan x="271" y="288">state:  "rejected"</tspan>
                <tspan x="271" y="308">result: error</tspan>
            </text>
            <g id="noun_88566_cc-copy" transform="translate(562.000000, 258.000000)" fill="#9B9B9B">
                <path d="M22.7904032,35.5917419 C22.7892903,34.9694562 22.7735242,34.2299724 22.666129,33.4651429 C22.5694919,32.776553 22.3882742,32.1068203 22.1269274,31.4754101 C21.9891129,31.1420645 21.8173548,30.8 21.6164758,30.4581382 C21.3345403,29.9792074 19.9155887,28.3171429 16.5549919,24.5305069 C16.2504274,24.1876313 16.0334113,23.9430968 15.9529113,23.8502304 L15.7015806,23.560682 C15.6450081,23.4953917 15.5889919,23.4294931 15.5339032,23.3623779 C15.4810403,23.2983041 15.4287339,23.2328111 15.3782823,23.1665069 C15.3465645,23.1247373 15.3155887,23.0821567 15.2857258,23.0401843 C15.1673871,22.8735115 15.0892984,22.7457696 15.0327258,22.6265438 C14.9579758,22.4685899 14.9190242,22.3562581 14.9065968,22.2621751 C14.8887903,22.1267281 14.8910161,21.9604608 14.8936129,21.7842581 L14.8943548,21.7287005 C14.8965806,21.5362765 14.9010323,21.3663594 14.9308952,21.2378065 C14.9535242,21.1410876 15.0041613,21.0336221 15.0898548,20.8989862 C15.2020726,20.7227834 15.3239355,20.5372535 15.4532177,20.3748387 C15.5765645,20.2199263 15.7084435,20.0688664 15.8479274,19.908682 L15.9529113,19.7882396 C16.0334113,19.695576 16.2496855,19.4518525 16.5523952,19.1103963 C19.9148468,15.3219355 21.3343548,13.6592627 21.6164758,13.1799263 C21.8171694,12.83847 21.9889274,12.4964055 22.1269274,12.1626544 C22.3882742,11.5312442 22.5696774,10.8617143 22.666129,10.1733272 C22.7735242,9.4078894 22.7892903,8.66840553 22.7904032,8.04611982 C22.7924435,7.03128111 22.7913306,5.43612903 22.7902177,4.31058065 C22.815629,4.20007373 22.8326935,4.08774194 22.8326935,3.9721659 C22.8326935,1.52073733 16.9960726,0.197898618 11.5046371,0.197898618 C6.01301613,0.197898618 0.176395161,1.52073733 0.176395161,3.9721659 C0.176395161,4.08530876 0.192903226,4.19541014 0.217201613,4.30348387 C0.21608871,5.42943779 0.21516129,7.02905069 0.217016129,8.04611982 C0.218129032,8.63129954 0.233153226,9.40221198 0.341290323,10.1733272 C0.438112903,10.8625253 0.619516129,11.5316498 0.880677419,12.1630599 C1.01923387,12.4972166 1.19080645,12.8392811 1.39112903,13.1799263 C1.67306452,13.6592627 3.09275806,15.3219355 6.45502419,19.1103963 C6.75810484,19.4518525 6.97419355,19.695576 7.05487903,19.7884424 L7.15522581,19.9034101 C7.29637903,20.0652166 7.42955645,20.2178986 7.55457258,20.3748387 C7.68329839,20.5364424 7.80516129,20.7221751 7.91793548,20.8991889 C8.00362903,21.0336221 8.05408065,21.1410876 8.07670968,21.2376037 C8.10675806,21.3657512 8.11102419,21.5291797 8.11362097,21.7284977 L8.1143629,21.7818249 C8.11677419,21.9586359 8.119,22.1257143 8.10100806,22.2621751 C8.08876613,22.3560553 8.04981452,22.4683871 7.97506452,22.6261382 C7.91830645,22.7455668 7.84021774,22.8733088 7.72169355,23.0403871 C7.69164516,23.0829677 7.66048387,23.1249401 7.62950806,23.1661014 C7.57905645,23.2326083 7.52675,23.2978986 7.4738871,23.3621751 C7.41879839,23.4290876 7.36241129,23.4949862 7.30732258,23.5590599 C7.29433871,23.5740645 7.23516935,23.6401659 7.13908871,23.7486452 C1.81662903,29.73447 1.49629839,30.2790968 1.39112903,30.4581382 C1.19062097,30.7989862 1.01904839,31.1410507 0.880491935,31.4754101 C0.619516129,32.106212 0.438112903,32.7755392 0.341290323,33.4649401 C0.233153226,34.2360553 0.218129032,35.0065622 0.217016129,35.5917419 C0.214975806,36.713235 0.216459677,38.5450138 0.217387097,39.6658986 C0.217387097,42.5471889 6.06829032,43.8596866 11.5046371,43.8596866 C16.9407984,43.8596866 22.7917016,42.5471889 22.7917016,39.6658986 L22.7907742,39.1097143 C22.7913306,38.0034286 22.7922581,36.5423041 22.7904032,35.5917419 L22.7904032,35.5917419 Z M21.2555242,39.6648848 L21.2555242,39.6950968 C21.1720565,40.4629677 17.8569032,42.1820092 11.5046371,42.1820092 C5.07001613,42.1820092 1.75189516,40.4183594 1.75189516,39.6648848 C1.75078226,38.5448111 1.74929839,36.7152627 1.75152419,35.5951889 C1.75245161,35.0359631 1.76580645,34.3757604 1.85799194,33.7192074 C1.93348387,33.1808664 2.07500806,32.6585438 2.27829839,32.1670415 C2.38587903,31.9072995 2.52165323,31.6374194 2.68098387,31.3665253 C2.77057258,31.219318 3.43590323,30.3198525 8.23919355,24.917788 C8.34881452,24.7945069 8.4133629,24.7215115 8.42152419,24.7119816 C8.48607258,24.6373641 8.55043548,24.5619355 8.61331452,24.4854931 C8.68083065,24.403576 8.74723387,24.3204424 8.81159677,24.2352811 C8.85333065,24.1803318 8.8941371,24.1245714 8.93383065,24.0686083 C9.04419355,23.9130876 9.20593548,23.6750415 9.3368871,23.3980645 C9.44298387,23.174212 9.57096774,22.8700645 9.61937903,22.5006267 C9.65443548,22.233788 9.65109677,21.9807373 9.64812903,21.7574931 L9.6473871,21.7053825 C9.64349194,21.4144147 9.63440323,21.1277051 9.56262097,20.8219355 C9.49399194,20.5285346 9.36749194,20.24 9.17625806,19.9401106 C9.03918548,19.7247742 8.88764516,19.4948387 8.71125,19.2732166 C8.56360484,19.0876866 8.41187903,18.9137143 8.26497581,18.7456221 L8.16759677,18.6336959 C8.0856129,18.5392074 7.86507258,18.2904147 7.55587097,17.9420645 C4.53767742,14.5410876 2.89762903,12.6334747 2.68154032,12.272553 C2.52165323,12.0004424 2.38587903,11.730765 2.27829839,11.471023 C2.07482258,10.9791152 1.93329839,10.4567926 1.85780645,9.91865438 C1.76562097,9.26189862 1.75226613,8.60169585 1.75133871,8.04247005 C1.75022581,7.47087558 1.75004032,6.71456221 1.75041129,5.96189862 C3.85583871,7.13063594 7.75934677,7.74623041 11.5044516,7.74623041 C15.2484435,7.74623041 19.1512097,7.13083871 21.2568226,5.96270968 C21.2571935,6.71496774 21.2570081,7.47087558 21.2557097,8.04247005 C21.2545968,8.60230415 21.2414274,9.26311521 21.1492419,9.91885714 C21.0739355,10.4565899 20.9324113,10.9789124 20.72875,11.471023 C20.6213548,11.7301567 20.4855806,11.9998341 20.3255081,12.2721475 C20.1092339,12.6334747 18.4691855,14.5410876 15.4511774,17.9420645 C15.1417903,18.2904147 14.92125,18.5390046 14.8392661,18.6336959 L14.7370645,18.750894 C14.5920161,18.9173641 14.4417742,19.0895115 14.2952419,19.2734194 C14.1182903,19.4960553 13.967121,19.7253825 13.8306048,19.9397051 C13.6391855,20.24 13.5125,20.5285346 13.443871,20.8225438 C13.3720887,21.1297327 13.3628145,21.4156313 13.3592903,21.7061935 L13.3587339,21.7597235 C13.3555806,21.9821567 13.3522419,22.2343963 13.3872984,22.5006267 C13.4357097,22.8698618 13.5636935,23.174212 13.6696048,23.3982673 C13.8007419,23.6748387 13.9624839,23.9130876 14.0734032,24.0696221 C14.1132823,24.1255853 14.1539032,24.1807373 14.1952661,24.2354839 C14.259629,24.3204424 14.3258468,24.403576 14.3933629,24.4854931 C14.4564274,24.5619355 14.5207903,24.6373641 14.5842258,24.7111705 L14.8387097,25.0039631 C14.920879,25.0986544 15.1425323,25.3482581 15.4530323,25.6982304 C18.4699274,29.097788 20.1092339,31.0043871 20.3251371,31.3649032 C20.4855806,31.6380276 20.6213548,31.9077051 20.7285645,32.1664332 C20.9322258,32.6587465 21.0735645,33.1810691 21.1490565,33.7190046 C21.2412419,34.3745438 21.2544113,35.0351521 21.2555242,35.5951889 C21.258121,36.7152627 21.2566371,38.5448111 21.2555242,39.6648848 L21.2555242,39.6648848 Z" id="Shape"></path>
                <path d="M19.6279032,36.8742304 C19.5605726,36.7898802 19.4912016,36.7081659 19.4210887,36.6262488 C19.0998306,36.2517419 18.7689274,35.8877788 18.3998145,35.569235 C18.0349677,35.2541382 17.640629,34.9820276 17.2318226,34.7407373 C16.80725,34.4899171 16.3683952,34.2672811 15.9250887,34.0592442 C15.4780726,33.8491797 15.0215968,33.6681106 14.5597419,33.5010323 C14.3330806,33.419318 14.1066048,33.3378065 13.8817984,33.2508203 C13.6421532,33.1577512 13.397871,33.0744147 13.1699113,32.9497143 C12.9894355,32.8511705 12.8178629,32.7303226 12.6624274,32.5896037 C12.3879113,32.3410138 12.1560565,32.042341 11.9664919,31.7126452 C11.7622742,31.3576037 11.5671452,30.9494378 11.5037097,30.5323502 C11.4404597,30.9496406 11.2451452,31.3576037 11.0411129,31.7126452 C10.8515484,32.042341 10.6196935,32.3412166 10.3449919,32.5896037 C10.1897419,32.7303226 10.0177984,32.8511705 9.83769355,32.9497143 C9.60973387,33.0744147 9.36545161,33.1577512 9.12580645,33.2508203 C8.901,33.3380092 8.67433871,33.419318 8.4478629,33.5010323 C7.98582258,33.6681106 7.52953226,33.8491797 7.08214516,34.0592442 C6.63902419,34.2672811 6.20016935,34.4899171 5.77578226,34.7407373 C5.36679032,34.9820276 4.9726371,35.2541382 4.60760484,35.569235 C4.23867742,35.8877788 3.90777419,36.2517419 3.58670161,36.6262488 C3.51658871,36.7079631 3.44721774,36.7898802 3.37970161,36.8742304 C3.30216935,36.9713548 3.22649194,37.0701014 3.15285484,37.1706728 C3.06771774,37.2868571 2.98962903,37.4111521 2.93528226,37.5480184 C2.93528226,39.0561843 6.76941935,40.2790599 11.4988871,40.2790599 C16.2281694,40.2790599 20.0623065,39.0563871 20.0623065,37.5480184 L20.0726935,37.5480184 C20.0185323,37.4109493 19.9402581,37.2868571 19.855121,37.1706728 C19.7811129,37.0701014 19.7054355,36.9713548 19.6279032,36.8742304 L19.6279032,36.8742304 Z" id="Shape"></path>
                <path d="M10.4924516,18.3909862 C10.6017016,18.496424 10.706129,18.6253825 10.8003548,18.7758341 C10.9669194,19.041659 11.1077016,19.3608111 11.2227016,19.7134194 C11.3466048,20.0927926 11.465129,20.5291429 11.5035242,20.9752258 C11.5419194,20.5291429 11.6604435,20.0927926 11.7843468,19.7134194 C11.8993468,19.3610138 12.0403145,19.041659 12.2066935,18.7758341 C12.3011048,18.6253825 12.4053468,18.496424 12.5145968,18.3909862 C12.6529677,18.2575668 12.8013548,18.1683502 12.9465887,18.0689954 C13.0831048,17.9757235 13.2207339,17.8889401 13.3581774,17.8013456 C13.638629,17.6227097 13.915371,17.4292719 14.1869194,17.2048111 C14.455871,16.9823779 14.7224113,16.7443318 14.9798629,16.4764793 C15.2280403,16.2183594 15.4673145,15.9275945 15.6887823,15.5908018 C15.9126613,15.2501567 16.1133548,14.8614562 16.3084839,14.4611982 C16.3509597,14.3738065 16.392879,14.286212 16.4340565,14.1959816 C16.4811694,14.0923687 16.5271694,13.9867281 16.5715,13.8792627 C16.6234355,13.7549677 16.6707339,13.6223594 16.70375,13.4759631 C16.70375,11.8637788 14.3768548,10.5569585 11.5066774,10.5569585 C8.63631452,10.5569585 6.30941935,11.8637788 6.30941935,13.4759631 L6.3031129,13.4759631 C6.33612903,13.6225622 6.38342742,13.7549677 6.43517742,13.8792627 C6.47950806,13.9869309 6.52569355,14.0923687 6.57262097,14.1959816 C6.61379839,14.2860092 6.65571774,14.3736037 6.69837903,14.4611982 C6.89332258,14.8614562 7.09401613,15.2503594 7.31789516,15.5908018 C7.5393629,15.9275945 7.7786371,16.2183594 8.02681452,16.4764793 C8.2846371,16.7445346 8.55080645,16.9825806 8.81975806,17.2048111 C9.09112097,17.4292719 9.36804839,17.6227097 9.6485,17.8013456 C9.78612903,17.8889401 9.9233871,17.9757235 10.0599032,18.0689954 C10.2056935,18.1683502 10.3540806,18.2573641 10.4924516,18.3909862 L10.4924516,18.3909862 Z" id="Shape"></path>
            </g>
            <text id="...with-the-result-o" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="494" y="323">...with the result</tspan>
                <tspan x="494" y="338">of the new promise...</tspan>
            </text>
            <rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="241" y="25" width="191" height="64"></rect>
            <text id="state:-&quot;pending&quot;-res" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
                <tspan x="271" y="49">state: "pending"</tspan>
                <tspan x="271" y="69">result: undefined</tspan>
            </text>
            <text id="the-call-of-.then(ha" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
                <tspan x="136" y="15">the call of .then(handler) always returns a promise:</tspan>
            </text>
            <text id="that-promise-is-sett" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="206" y="119">that promise is settled by handler</tspan>
            </text>
            <text id="if-handler-ends-with" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="256" y="139">if handler ends with…</tspan>
            </text>
            <text id="the-promise-settles" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
                <tspan x="12" y="253">the promise settles with:</tspan>
            </text>
        </g>
    </g>
</svg>