{"id":6353,"date":"2026-05-14T17:00:08","date_gmt":"2026-05-14T13:30:08","guid":{"rendered":"https:\/\/parmin.cloud\/blog\/?p=6353"},"modified":"2026-05-14T17:00:08","modified_gmt":"2026-05-14T13:30:08","slug":"%d8%a8%d8%b1%d8%b1%d8%b3%db%8c-%d8%aa%d9%88%d8%a7%d8%a8%d8%b9-asyncawait-%d8%af%d8%b1-%d8%ac%d8%a7%d9%88%d8%a7%d8%a7%d8%b3%da%a9%d8%b1%db%8c%d9%be%d8%aa","status":"publish","type":"post","link":"https:\/\/parmin.cloud\/blog\/%d8%a8%d8%b1%d8%b1%d8%b3%db%8c-%d8%aa%d9%88%d8%a7%d8%a8%d8%b9-asyncawait-%d8%af%d8%b1-%d8%ac%d8%a7%d9%88%d8%a7%d8%a7%d8%b3%da%a9%d8%b1%db%8c%d9%be%d8%aa\/","title":{"rendered":"\u0628\u0631\u0631\u0633\u06cc \u062a\u0648\u0627\u0628\u0639 AsyncAwait \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a"},"content":{"rendered":"<h2 data-section-id=\"43f4r3\" data-start=\"42\" data-end=\"50\">\u0645\u0642\u062f\u0645\u0647<\/h2>\n<p data-start=\"51\" data-end=\"298\">Promise\u0647\u0627 \u0631\u0627\u0647 \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0639\u0645\u0644\u06cc\u0627\u062a asynchronous \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0646\u062f \u0648 \u0628\u0627\u0639\u062b \u0634\u062f\u0646\u062f \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u06a9\u062f\u0647\u0627 \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062a\u0631\u062a\u06cc\u0628\u06cc \u0648 \u0642\u0627\u0628\u0644\u200c\u0641\u0647\u0645\u200c\u062a\u0631 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645. \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0630\u0647\u0646 \u0627\u0646\u0633\u0627\u0646 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0647\u0645\u0632\u0645\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc \u0646\u0634\u062f\u0647\u060c \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u06a9\u0645\u06a9 \u0628\u0632\u0631\u06af\u06cc \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p data-start=\"300\" data-end=\"500\">\u0648\u06cc\u0698\u06af\u06cc <code data-start=\"306\" data-end=\"319\">async\/await<\/code> \u06a9\u0647 \u062f\u0631 ES2017 (\u06cc\u0627 ES8) \u0645\u0639\u0631\u0641\u06cc \u0634\u062f\u060c \u06a9\u0627\u0631 \u0631\u0627 \u062d\u062a\u06cc \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u06a9\u0631\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u06a9\u062f\u06cc \u0646\u0648\u0634\u062a \u06a9\u0647 \u0638\u0627\u0647\u0631\u06cc \u06a9\u0627\u0645\u0644\u0627\u064b synchronous \u062f\u0627\u0631\u062f\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u062f\u0631 \u067e\u0634\u062a \u0635\u062d\u0646\u0647 \u0639\u0645\u0644\u06cc\u0627\u062a asynchronous \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p data-start=\"502\" data-end=\"684\">\u062f\u0631 \u0648\u0627\u0642\u0639\u060c \u06a9\u0627\u0631\u06cc \u06a9\u0647 async\/await \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u062f \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 Promise\u0647\u0627 \u0648 Generator\u0647\u0627 \u0647\u0645 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u06a9\u0631\u062f\u060c \u0627\u0645\u0627 async\/await \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0648 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<hr data-start=\"686\" data-end=\"689\" \/>\n<h1 data-section-id=\"7nezmf\" data-start=\"691\" data-end=\"702\">\u0645\u062b\u0627\u0644 \u0633\u0627\u062f\u0647<\/h1>\n<p data-start=\"704\" data-end=\"805\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0632\u06cc\u0631\u060c \u0627\u0628\u062a\u062f\u0627 \u062a\u0627\u0628\u0639\u06cc \u062f\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u06cc\u06a9 Promise \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f \u0648 \u0628\u0639\u062f \u0627\u0632 \u06f2 \u062b\u0627\u0646\u06cc\u0647 \u0645\u0642\u062f\u0627\u0631 \ud83e\udd21 \u0631\u0627 resolve \u0645\u06cc\u200c\u06a9\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">scaryClown<\/span>() {\r\n  <span class=\"\u037cg\">return<\/span> <span class=\"\u037cg\">new<\/span> <span class=\"\u037cm\">Promise<\/span>(<span class=\"\u037cm\">resolve<\/span> =&gt; {\r\n    <span class=\"\u037cm\">setTimeout<\/span>(() =&gt; {\r\n      <span class=\"\u037cm\">resolve<\/span>(<span class=\"\u037ck\">'\ud83e\udd21'<\/span>);\r\n    }, <span class=\"\u037cj\">2000<\/span>);\r\n  });\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"950\" data-end=\"982\">\u0633\u067e\u0633 \u06cc\u06a9 \u062a\u0627\u0628\u0639 async \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">msg<\/span>() {\r\n  <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">msg<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">scaryClown<\/span>();\r\n  <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037ck\">'Message:'<\/span>, <span class=\"\u037cm\">msg<\/span>);\r\n}\r\n\r\n<span class=\"\u037cm\">msg<\/span>();<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1102\" data-end=\"1123\">\u062e\u0631\u0648\u062c\u06cc \u0628\u0639\u062f \u0627\u0632 \u06f2 \u062b\u0627\u0646\u06cc\u0647:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037co\">Message<\/span>: <span class=\"\u037cm\">\ud83e\udd21<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1156\" data-end=\"1159\" \/>\n<h2 data-section-id=\"3n1c5f\" data-start=\"1161\" data-end=\"1175\">await \u0686\u06cc\u0633\u062a\u061f<\/h2>\n<p data-start=\"1177\" data-end=\"1262\">\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc <code data-start=\"1188\" data-end=\"1195\">await<\/code> \u0628\u0631\u0627\u06cc \u0635\u0628\u0631 \u06a9\u0631\u062f\u0646 \u0631\u0648\u06cc resolve \u06cc\u0627 reject \u0634\u062f\u0646 \u06cc\u06a9 Promise \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p data-start=\"1264\" data-end=\"1273\">\u0646\u06a9\u062a\u0647 \u0645\u0647\u0645:<\/p>\n<ul data-start=\"1275\" data-end=\"1325\">\n<li data-section-id=\"zc6u4v\" data-start=\"1275\" data-end=\"1325\"><code data-start=\"1277\" data-end=\"1284\">await<\/code> \u0641\u0642\u0637 \u062f\u0627\u062e\u0644 \u062a\u0648\u0627\u0628\u0639 <code data-start=\"1300\" data-end=\"1307\">async<\/code> \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a.<\/li>\n<\/ul>\n<hr data-start=\"1327\" data-end=\"1330\" \/>\n<h1 data-section-id=\"1yh3hno\" data-start=\"1332\" data-end=\"1355\">\u0627\u062c\u0631\u0627\u06cc \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 async<\/h1>\n<p data-start=\"1357\" data-end=\"1409\">\u0645\u062b\u0627\u0644 \u0632\u06cc\u0631 \u0642\u062f\u0631\u062a \u0648\u0627\u0642\u0639\u06cc async\/await \u0631\u0627 \u0628\u0647\u062a\u0631 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">who<\/span>() {\r\n  <span class=\"\u037cg\">return<\/span> <span class=\"\u037cg\">new<\/span> <span class=\"\u037cm\">Promise<\/span>(<span class=\"\u037cm\">resolve<\/span> =&gt; {\r\n    <span class=\"\u037cm\">setTimeout<\/span>(() =&gt; {\r\n      <span class=\"\u037cm\">resolve<\/span>(<span class=\"\u037ck\">'\ud83e\udd21'<\/span>);\r\n    }, <span class=\"\u037cj\">200<\/span>);\r\n  });\r\n}\r\n\r\n<span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">what<\/span>() {\r\n  <span class=\"\u037cg\">return<\/span> <span class=\"\u037cg\">new<\/span> <span class=\"\u037cm\">Promise<\/span>(<span class=\"\u037cm\">resolve<\/span> =&gt; {\r\n    <span class=\"\u037cm\">setTimeout<\/span>(() =&gt; {\r\n      <span class=\"\u037cm\">resolve<\/span>(<span class=\"\u037ck\">'lurks'<\/span>);\r\n    }, <span class=\"\u037cj\">300<\/span>);\r\n  });\r\n}\r\n\r\n<span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">where<\/span>() {\r\n  <span class=\"\u037cg\">return<\/span> <span class=\"\u037cg\">new<\/span> <span class=\"\u037cm\">Promise<\/span>(<span class=\"\u037cm\">resolve<\/span> =&gt; {\r\n    <span class=\"\u037cm\">setTimeout<\/span>(() =&gt; {\r\n      <span class=\"\u037cm\">resolve<\/span>(<span class=\"\u037ck\">'in the shadows'<\/span>);\r\n    }, <span class=\"\u037cj\">500<\/span>);\r\n  });\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1798\" data-end=\"1809\">\u062a\u0627\u0628\u0639 async:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">msg<\/span>() {\r\n  <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">a<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">who<\/span>();\r\n  <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">b<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">what<\/span>();\r\n  <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">c<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">where<\/span>();\r\n\r\n  <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037ck\">`<\/span>${<span class=\"\u037cm\">a<\/span>} ${<span class=\"\u037cm\">b<\/span>} ${<span class=\"\u037cm\">c<\/span>}<span class=\"\u037ck\">`<\/span>);\r\n}\r\n\r\n<span class=\"\u037cm\">msg<\/span>();<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1975\" data-end=\"1981\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">\ud83e\udd21 lurks<\/span> <span class=\"\u037cg\">in<\/span> <span class=\"\u037cm\">the shadows<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2026\" data-end=\"2046\">\u0628\u0639\u062f \u0627\u0632 \u062d\u062f\u0648\u062f \u06f1 \u062b\u0627\u0646\u06cc\u0647.<\/p>\n<hr data-start=\"2048\" data-end=\"2051\" \/>\n<h1 data-section-id=\"oc6ml8\" data-start=\"2053\" data-end=\"2081\">\u0627\u062c\u0631\u0627\u06cc \u0645\u0648\u0627\u0632\u06cc \u0628\u0627 Promise.all<\/h1>\n<p data-start=\"2083\" data-end=\"2214\">\u062f\u0631 \u0645\u062b\u0627\u0644 \u0642\u0628\u0644\u06cc\u060c \u0647\u0631 \u0639\u0645\u0644\u06cc\u0627\u062a \u0645\u0646\u062a\u0638\u0631 \u0627\u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u06cc\u0627\u062a \u0642\u0628\u0644\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u062f. \u0627\u06af\u0631 \u0628\u062e\u0648\u0627\u0647\u06cc\u0645 \u0647\u0645\u0647 \u0639\u0645\u0644\u06cc\u0627\u062a \u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u0646\u062f\u060c \u0627\u0632 <code data-start=\"2184\" data-end=\"2197\">Promise.all<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">msg<\/span>() {\r\n  <span class=\"\u037cg\">const<\/span> [<span class=\"\u037cm\">a<\/span>, <span class=\"\u037cm\">b<\/span>, <span class=\"\u037cm\">c<\/span>] <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">Promise<\/span><span class=\"\u037cg\">.<\/span>all([\r\n    <span class=\"\u037cm\">who<\/span>(),\r\n    <span class=\"\u037cm\">what<\/span>(),\r\n    <span class=\"\u037cm\">where<\/span>()\r\n  ]);\r\n\r\n  <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037ck\">`<\/span>${<span class=\"\u037cm\">a<\/span>} ${<span class=\"\u037cm\">b<\/span>} ${<span class=\"\u037cm\">c<\/span>}<span class=\"\u037ck\">`<\/span>);\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2375\" data-end=\"2432\">\u0627\u06a9\u0646\u0648\u0646 \u062e\u0631\u0648\u062c\u06cc \u0628\u0639\u062f \u0627\u0632 \u062d\u062f\u0648\u062f \u06f5\u06f0\u06f0 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<hr data-start=\"2434\" data-end=\"2437\" \/>\n<h2 data-section-id=\"308do0\" data-start=\"2439\" data-end=\"2471\">Promise.all \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f<\/h2>\n<p data-start=\"2473\" data-end=\"2491\">\u0645\u062a\u062f <code data-start=\"2477\" data-end=\"2490\">Promise.all<\/code>:<\/p>\n<ul data-start=\"2493\" data-end=\"2604\">\n<li data-section-id=\"pcer1l\" data-start=\"2493\" data-end=\"2537\">\u0686\u0646\u062f Promise \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0647\u0645\u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<li data-section-id=\"ctcw1j\" data-start=\"2538\" data-end=\"2604\">\u0628\u0639\u062f \u0627\u0632 resolve \u0634\u062f\u0646 \u0647\u0645\u0647 Promise\u0647\u0627\u060c \u0622\u0631\u0627\u06cc\u0647\u200c\u0627\u06cc \u0627\u0632 \u0646\u062a\u0627\u06cc\u062c \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/li>\n<\/ul>\n<hr data-start=\"2606\" data-end=\"2609\" \/>\n<h1 data-section-id=\"rqsdtf\" data-start=\"2611\" data-end=\"2651\">\u062a\u0648\u0627\u0628\u0639 async \u0647\u0645\u06cc\u0634\u0647 Promise \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u0646\u062f<\/h1>\n<p data-start=\"2653\" data-end=\"2658\">\u0645\u062b\u0627\u0644:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">hello<\/span>() {\r\n  <span class=\"\u037cg\">return<\/span> <span class=\"\u037ck\">'Hello Alligator!'<\/span>;\r\n}\r\n\r\n<span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">b<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cm\">hello<\/span>();\r\n\r\n<span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037cm\">b<\/span>);<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2772\" data-end=\"2778\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">Promise <\/span>{ ... }<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2815\" data-end=\"2856\">\u0686\u0648\u0646 \u062a\u0627\u0628\u0639 async \u0647\u0645\u06cc\u0634\u0647 Promise \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f.<\/p>\n<hr data-start=\"2858\" data-end=\"2861\" \/>\n<h2 data-section-id=\"e0s3ne\" data-start=\"2863\" data-end=\"2886\">\u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0642\u062f\u0627\u0631 Promise<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">hello<\/span>()<span class=\"\u037cg\">.<\/span>then(<span class=\"\u037cm\">x<\/span> =&gt; <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037cm\">x<\/span>));<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2942\" data-end=\"2948\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">Hello Alligator<\/span><span class=\"\u037cg\">!<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"2986\" data-end=\"2989\" \/>\n<h1 data-section-id=\"y6op0c\" data-start=\"2991\" data-end=\"3016\">\u0627\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641 \u062a\u0639\u0631\u06cc\u0641 async<\/h1>\n<h2 data-section-id=\"wsv3gg\" data-start=\"3018\" data-end=\"3032\">\u062a\u0627\u0628\u0639 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">msg<\/span>() {\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3078\" data-end=\"3081\" \/>\n<h2 data-section-id=\"gb7qhh\" data-start=\"3083\" data-end=\"3105\">Function Expression<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">msg<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span>() {\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3159\" data-end=\"3162\" \/>\n<h2 data-section-id=\"1ciexjy\" data-start=\"3164\" data-end=\"3181\">Arrow Function<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">msg<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">async<\/span> () =&gt; {\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3230\" data-end=\"3233\" \/>\n<h1 data-section-id=\"1h2r62y\" data-start=\"3235\" data-end=\"3264\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627\u0647\u0627 \u0628\u0627 try&#8230;catch<\/h1>\n<p data-start=\"3266\" data-end=\"3320\">\u06cc\u06a9\u06cc \u0627\u0632 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc async\/await \u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0627\u062f\u0647 \u062e\u0637\u0627\u0633\u062a.<\/p>\n<p data-start=\"3322\" data-end=\"3327\">\u0645\u062b\u0627\u0644:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">yayOrNay<\/span>() {\r\n  <span class=\"\u037cg\">return<\/span> <span class=\"\u037cg\">new<\/span> <span class=\"\u037cm\">Promise<\/span>((<span class=\"\u037cm\">resolve<\/span>, <span class=\"\u037cm\">reject<\/span>) =&gt; {\r\n\r\n    <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">val<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cm\">Math<\/span><span class=\"\u037cg\">.<\/span>round(<span class=\"\u037cm\">Math<\/span><span class=\"\u037cg\">.<\/span>random());\r\n\r\n    <span class=\"\u037cm\">val<\/span>\r\n      <span class=\"\u037cg\">?<\/span> <span class=\"\u037cm\">resolve<\/span>(<span class=\"\u037ck\">'Lucky!!'<\/span>)\r\n      <span class=\"\u037cg\">:<\/span> <span class=\"\u037cm\">reject<\/span>(<span class=\"\u037ck\">'Nope \ud83d\ude20'<\/span>);\r\n\r\n  });\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3530\" data-end=\"3538\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">msg<\/span>() {\r\n  <span class=\"\u037cg\">try<\/span> {\r\n    <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">msg<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">yayOrNay<\/span>();\r\n    <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037cm\">msg<\/span>);\r\n  } <span class=\"\u037cg\">catch<\/span>(<span class=\"\u037cm\">err<\/span>) {\r\n    <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037cm\">err<\/span>);\r\n  }\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3691\" data-end=\"3694\" \/>\n<h2 data-section-id=\"mxk177\" data-start=\"3696\" data-end=\"3707\">\u0645\u0632\u06cc\u062a \u0645\u0647\u0645<\/h2>\n<p data-start=\"3709\" data-end=\"3823\">\u0628\u0631\u062e\u0644\u0627\u0641 callback\u0647\u0627 \u06cc\u0627 chain\u0647\u0627\u06cc \u0637\u0648\u0644\u0627\u0646\u06cc Promise\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u062f\u0631 async\/await \u0628\u0633\u06cc\u0627\u0631 \u0634\u0628\u06cc\u0647 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0639\u0627\u062f\u06cc \u0648 synchronous \u0627\u0633\u062a.<\/p>\n<hr data-start=\"3825\" data-end=\"3828\" \/>\n<h1 data-section-id=\"1x6cmu3\" data-start=\"3830\" data-end=\"3851\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0628\u0627 catch<\/h1>\n<p data-start=\"3853\" data-end=\"3889\">\u0686\u0648\u0646 async \u0647\u0645\u06cc\u0634\u0647 Promise \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u0627\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">msg<\/span>()<span class=\"\u037cg\">.<\/span>catch(<span class=\"\u037cm\">err<\/span> =&gt; <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037cm\">err<\/span>));<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3948\" data-end=\"3951\" \/>\n<h1 data-section-id=\"1xhm1jv\" data-start=\"3953\" data-end=\"3975\">\u06af\u0631\u0641\u062a\u0646 \u062e\u0637\u0627\u0647\u0627\u06cc Runtime<\/h1>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">caserUpper<\/span>(<span class=\"\u037cm\">val<\/span>) {\r\n  <span class=\"\u037cg\">return<\/span> <span class=\"\u037cg\">new<\/span> <span class=\"\u037cm\">Promise<\/span>(<span class=\"\u037cm\">resolve<\/span> =&gt; {\r\n    <span class=\"\u037cm\">resolve<\/span>(<span class=\"\u037cm\">val<\/span><span class=\"\u037cg\">.<\/span>toUpperCase());\r\n  });\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4097\" data-end=\"4108\">\u062a\u0627\u0628\u0639 async:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">msg<\/span>(<span class=\"\u037cm\">x<\/span>) {\r\n  <span class=\"\u037cg\">try<\/span> {\r\n    <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">msg<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">caserUpper<\/span>(<span class=\"\u037cm\">x<\/span>);\r\n    <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037cm\">msg<\/span>);\r\n  } <span class=\"\u037cg\">catch<\/span>(<span class=\"\u037cm\">err<\/span>) {\r\n    <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037ck\">'Ohh no:'<\/span>, <span class=\"\u037cm\">err<\/span><span class=\"\u037cg\">.<\/span>message);\r\n  }\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4284\" data-end=\"4289\">\u0627\u062c\u0631\u0627:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">msg<\/span>(<span class=\"\u037ck\">'Hello'<\/span>); <span class=\"\u037ce\">\/\/ HELLO<\/span>\r\n<span class=\"\u037cm\">msg<\/span>(<span class=\"\u037cj\">34<\/span>);      <span class=\"\u037ce\">\/\/ Error<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4356\" data-end=\"4362\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">Ohh <\/span><span class=\"\u037co\">no<\/span>: <span class=\"\u037cm\">val<\/span><span class=\"\u037cg\">.<\/span>toUpperCase <span class=\"\u037cm\">is not a <\/span><span class=\"\u037cg\">function<\/span><\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4425\" data-end=\"4428\" \/>\n<h1 data-section-id=\"101l897\" data-start=\"4430\" data-end=\"4467\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Async\/Await \u0628\u0627 Fetch API<\/h1>\n<p data-start=\"4469\" data-end=\"4548\">\u0645\u062a\u062f <code data-start=\"4473\" data-end=\"4480\">fetch<\/code> \u0686\u0648\u0646 Promise-based \u0627\u0633\u062a\u060c \u06af\u0632\u06cc\u0646\u0647\u200c\u0627\u06cc \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc async\/await \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cg\">async<\/span> <span class=\"\u037cg\">function<\/span> <span class=\"\u037cm\">fetchUsers<\/span>(<span class=\"\u037cm\">endpoint<\/span>) {\r\n\r\n  <span class=\"\u037cg\">const<\/span> <span class=\"\u037cm\">res<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">fetch<\/span>(<span class=\"\u037cm\">endpoint<\/span>);\r\n\r\n  <span class=\"\u037cg\">let<\/span> <span class=\"\u037cm\">data<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cg\">await<\/span> <span class=\"\u037cm\">res<\/span><span class=\"\u037cg\">.<\/span>json();\r\n\r\n  <span class=\"\u037cm\">data<\/span> <span class=\"\u037cg\">=<\/span> <span class=\"\u037cm\">data<\/span><span class=\"\u037cg\">.<\/span>map(<span class=\"\u037cm\">user<\/span> =&gt; <span class=\"\u037cm\">user<\/span><span class=\"\u037cg\">.<\/span>username);\r\n\r\n  <span class=\"\u037cm\">console<\/span><span class=\"\u037cg\">.<\/span>log(<span class=\"\u037cm\">data<\/span>);\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4744\" data-end=\"4752\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute inset-x-4 top-12 bottom-4\">\n<div class=\"pointer-events-none sticky z-40 shrink-0 z-1!\">\n<div class=\"sticky bg-token-border-light\"><\/div>\n<\/div>\n<\/div>\n<div class=\"relative\">\n<div class=\"\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cm\">fetchUsers<\/span>(<span class=\"\u037ck\">'https:\/\/jsonplaceholder.typicode.com\/users'<\/span>);<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4831\" data-end=\"4834\" \/>\n<h1 data-section-id=\"13u76e4\" data-start=\"4836\" data-end=\"4855\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627<\/h1>\n<p data-start=\"4857\" data-end=\"4875\">\u0637\u0628\u0642 \u0622\u0645\u0627\u0631 \u0633\u0627\u0644 \u06f2\u06f0\u06f2\u06f0:<\/p>\n<ul data-start=\"4877\" data-end=\"4994\">\n<li data-section-id=\"y97nez\" data-start=\"4877\" data-end=\"4929\">\u062d\u062f\u0648\u062f \u06f9\u06f4\u066a \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0627\u0632 async\/await \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/li>\n<li data-section-id=\"ocme94\" data-start=\"4930\" data-end=\"4994\">\u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc \u0645\u062b\u0644 IE11 \u0648 Opera Mini \u0627\u0632 \u0622\u0646 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/li>\n<\/ul>\n<hr data-start=\"4996\" data-end=\"4999\" \/>\n<h1 data-section-id=\"qpvq47\" data-start=\"5001\" data-end=\"5011\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/h1>\n<p data-start=\"5013\" data-end=\"5092\">\u0642\u0628\u0644 \u0627\u0632 async\/await\u060c \u06a9\u062f\u0647\u0627\u06cc asynchronous \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0647 \u0686\u06cc\u0632\u06cc \u0645\u0639\u0631\u0648\u0641 \u0628\u0647:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"relative\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"h-full w-full border-radius-3xl bg-token-bg-elevated-secondary corner-superellipse\/1.1 overflow-clip rounded-3xl lxnfua_clipPathFallback\">\n<div class=\"pointer-events-none absolute end-1.5 top-1 z-2 md:end-2 md:top-1\"><\/div>\n<div class=\"relative\">\n<div class=\"pe-11 pt-3\">\n<div class=\"relative z-0 flex max-w-full\">\n<div id=\"code-block-viewer\" class=\"q9tKkq_viewer cm-editor z-10 light:cm-light dark:cm-light flex h-full w-full flex-col items-stretch \u037cd \u037cr\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>Callback Hell<\/code><\/pre>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"\">\n<div class=\"\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p data-start=\"5121\" data-end=\"5206\">\u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc\u200c\u0634\u062f\u0646\u062f\u061b \u06cc\u0639\u0646\u06cc \u0632\u0646\u062c\u06cc\u0631\u0647\u200c\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u0632 callback\u0647\u0627 \u06a9\u0647 \u062e\u0648\u0627\u0646\u062f\u0646 \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0622\u0646\u200c\u0647\u0627 \u0633\u062e\u062a \u0628\u0648\u062f.<\/p>\n<p data-start=\"5208\" data-end=\"5232\">\u0627\u0645\u0627 async\/await \u0628\u0627\u0639\u062b \u0634\u062f:<\/p>\n<ul data-start=\"5234\" data-end=\"5354\">\n<li data-section-id=\"1qpa11c\" data-start=\"5234\" data-end=\"5253\">\u06a9\u062f\u0647\u0627 \u062e\u0648\u0627\u0646\u0627\u062a\u0631 \u0634\u0648\u0646\u062f<\/li>\n<li data-section-id=\"1k82y7z\" data-start=\"5254\" data-end=\"5278\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0634\u0648\u062f<\/li>\n<li data-section-id=\"1spc6rr\" data-start=\"5279\" data-end=\"5326\">\u0633\u0627\u062e\u062a\u0627\u0631 \u06a9\u062f\u0647\u0627 \u0634\u0628\u06cc\u0647 synchronous programming \u0628\u0627\u0634\u062f<\/li>\n<li data-section-id=\"cu32nt\" data-start=\"5327\" data-end=\"5354\">\u062a\u0648\u0633\u0639\u0647 \u0648 \u062f\u06cc\u0628\u0627\u06af \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0634\u0648\u062f<\/li>\n<\/ul>\n<p data-start=\"5356\" data-end=\"5479\" data-is-last-node=\"\" data-is-only-node=\"\">\u0627\u0645\u0631\u0648\u0632\u0647 async\/await \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0645\u062f\u0631\u0646 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062f\u0631 \u062a\u0645\u0627\u0645 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p data-start=\"5356\" data-end=\"5479\" data-is-last-node=\"\" data-is-only-node=\"\">\n<p data-start=\"5356\" data-end=\"5479\" data-is-last-node=\"\" data-is-only-node=\"\">\n<p data-start=\"5356\" data-end=\"5479\" data-is-last-node=\"\" data-is-only-node=\"\">\u0627\u0632 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627 \u0628\u0627 <strong><a href=\"https:\/\/parmin.cloud\/\">\u067e\u0627\u0631\u0645\u06cc\u0646 \u06a9\u0644\u0648\u062f<\/a><\/strong> \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631\u06cc\u0645.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u062f\u0645\u0647 Promise\u0647\u0627 \u0631\u0627\u0647 \u0633\u0627\u062f\u0647\u200c\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0639\u0645\u0644\u06cc\u0627\u062a asynchronous \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0641\u0631\u0627\u0647\u0645 \u06a9\u0631\u062f\u0646\u062f \u0648 \u0628\u0627\u0639\u062b \u0634\u062f\u0646\u062f \u0628\u062a\u0648\u0627\u0646\u06cc\u0645 \u06a9\u062f\u0647\u0627 \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062a\u0631\u062a\u06cc\u0628\u06cc \u0648 \u0642\u0627\u0628\u0644\u200c\u0641\u0647\u0645\u200c\u062a\u0631 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645. \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0630\u0647\u0646 \u0627\u0646\u0633\u0627\u0646 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0647\u0645\u0632\u0645\u0627\u0646\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc \u0646\u0634\u062f\u0647\u060c \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u06a9\u0645\u06a9 \u0628\u0632\u0631\u06af\u06cc \u0645\u062d\u0633\u0648\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0648\u06cc\u0698\u06af\u06cc async\/await \u06a9\u0647 \u062f\u0631 ES2017 (\u06cc\u0627 ES8) \u0645\u0639\u0631\u0641\u06cc \u0634\u062f\u060c \u06a9\u0627\u0631 \u0631\u0627 \u062d\u062a\u06cc \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u06a9\u0631\u062f. \u0628\u0627 &hellip;<\/p>\n","protected":false},"author":9,"featured_media":6354,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[190],"tags":[],"class_list":["post-6353","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming"],"_links":{"self":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/comments?post=6353"}],"version-history":[{"count":0,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6353\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media\/6354"}],"wp:attachment":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media?parent=6353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/categories?post=6353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/tags?post=6353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}