{"id":6539,"date":"2026-06-23T17:00:08","date_gmt":"2026-06-23T13:30:08","guid":{"rendered":"https:\/\/parmin.cloud\/blog\/?p=6539"},"modified":"2026-06-23T17:00:08","modified_gmt":"2026-06-23T13:30:08","slug":"%d8%af%d8%b1%da%a9-arrow-function-%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%af%d8%b1%da%a9-arrow-function-%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":"\u062f\u0631\u06a9 Arrow Function \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a"},"content":{"rendered":"<h2 data-section-id=\"43f4r3\" data-start=\"37\" data-end=\"45\">\u0645\u0642\u062f\u0645\u0647<\/h2>\n<p data-start=\"47\" data-end=\"303\">\u062f\u0631 \u0646\u0633\u062e\u0647 \u06f2\u06f0\u06f1\u06f5 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f ECMAScript (ES6)\u060c \u0642\u0627\u0628\u0644\u06cc\u062a <strong data-start=\"95\" data-end=\"113\">Arrow Function<\/strong> \u0628\u0647 \u0632\u0628\u0627\u0646 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0636\u0627\u0641\u0647 \u0634\u062f. Arrow Function\u0647\u0627 \u0631\u0648\u0634\u06cc \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 \u062a\u0648\u0627\u0628\u0639 \u0646\u0627\u0634\u0646\u0627\u0633 (Anonymous Functions) \u0647\u0633\u062a\u0646\u062f \u0648 \u0627\u0632 \u0646\u0638\u0631 \u0645\u0641\u0647\u0648\u0645 \u0634\u0628\u0627\u0647\u062a \u0632\u06cc\u0627\u062f\u06cc \u0628\u0647 Lambda Function\u0647\u0627 \u062f\u0631 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Python \u062f\u0627\u0631\u0646\u062f.<\/p>\n<p data-start=\"305\" data-end=\"609\">Arrow Function\u0647\u0627 \u062f\u0631 \u0686\u0646\u062f\u06cc\u0646 \u0645\u0648\u0631\u062f \u0628\u0627 \u062a\u0648\u0627\u0628\u0639 \u0633\u0646\u062a\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0641\u0627\u0648\u062a \u062f\u0627\u0631\u0646\u062f\u061b \u0627\u0632 \u062c\u0645\u0644\u0647 \u0646\u062d\u0648\u0647 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u062d\u062f\u0648\u062f\u0647 (<code data-start=\"402\" data-end=\"408\">this<\/code>) \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0646\u06af\u0627\u0631\u0634\u06cc (Syntax). \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644\u060c \u0627\u06cc\u0646 \u0646\u0648\u0639 \u062a\u0648\u0627\u0628\u0639 \u0647\u0646\u06af\u0627\u0645 \u0627\u0631\u0633\u0627\u0644 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0628\u0631\u0627\u06cc \u062a\u0648\u0627\u0628\u0639 \u0633\u0637\u062d \u0628\u0627\u0644\u0627\u062a\u0631 (Higher-Order Functions) \u0645\u0627\u0646\u0646\u062f <code data-start=\"561\" data-end=\"566\">map<\/code>\u060c <code data-start=\"568\" data-end=\"576\">filter<\/code> \u0648 <code data-start=\"579\" data-end=\"588\">forEach<\/code> \u0628\u0633\u06cc\u0627\u0631 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0647\u0633\u062a\u0646\u062f.<\/p>\n<p data-start=\"611\" data-end=\"734\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0627 \u0646\u062d\u0648\u0647 \u062a\u0639\u0631\u06cc\u0641 Arrow Function\u060c \u062a\u0641\u0627\u0648\u062a \u0622\u0646 \u0628\u0627 \u062a\u0648\u0627\u0628\u0639 \u0645\u0639\u0645\u0648\u0644\u06cc\u060c \u0645\u0641\u0647\u0648\u0645 Lexical Scope \u0648 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0646\u06af\u0627\u0631\u0634\u06cc \u0622\u0646 \u0622\u0634\u0646\u0627 \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f.<\/p>\n<hr data-start=\"736\" data-end=\"739\" \/>\n<h1 data-section-id=\"jufkdv\" data-start=\"741\" data-end=\"769\">\u062a\u0639\u0631\u06cc\u0641 \u062a\u0648\u0627\u0628\u0639 \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/h1>\n<p data-start=\"771\" data-end=\"853\">\u0642\u0628\u0644 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc Arrow Function \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0633\u0646\u062a\u06cc \u062a\u0639\u0631\u06cc\u0641 \u062a\u0627\u0628\u0639 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645.<\/p>\n<h2 data-section-id=\"1tq0irr\" data-start=\"855\" data-end=\"878\">Function Declaration<\/h2>\n<p data-start=\"880\" data-end=\"951\">\u062a\u0627\u0628\u0639\u200c\u0647\u0627\u06cc Declaration \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc <code data-start=\"926\" data-end=\"936\">function<\/code> \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">function<\/span> <span class=\"\u037c11\">sum<\/span>(<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) {\r\n  <span class=\"\u037cv\">return<\/span> <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;\r\n}<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1011\" data-end=\"1100\">\u06cc\u06a9\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0627\u06cc\u0646 \u0646\u0648\u0639 \u062a\u0627\u0628\u0639 <strong data-start=\"1041\" data-end=\"1053\">Hoisting<\/strong> \u0627\u0633\u062a\u061b \u06cc\u0639\u0646\u06cc \u0642\u0628\u0644 \u0627\u0632 \u062a\u0639\u0631\u06cc\u0641 \u0646\u06cc\u0632 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0647\u0633\u062a\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">sum<\/span>(<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>);\r\n\r\n<span class=\"\u037cv\">function<\/span> <span class=\"\u037c11\">sum<\/span>(<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) {\r\n  <span class=\"\u037cv\">return<\/span> <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;\r\n}<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1172\" data-end=\"1178\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cy\">3<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1201\" data-end=\"1204\" \/>\n<h2 data-section-id=\"gb7qhh\" data-start=\"1206\" data-end=\"1228\">Function Expression<\/h2>\n<p data-start=\"1230\" data-end=\"1273\">\u062f\u0631 \u0627\u06cc\u0646 \u0631\u0648\u0634 \u062a\u0627\u0628\u0639 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u0645\u062a\u063a\u06cc\u0631 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037cv\">function<\/span>(<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) {\r\n  <span class=\"\u037cv\">return<\/span> <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;\r\n};<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1342\" data-end=\"1398\">\u0628\u0631\u062e\u0644\u0627\u0641 Function Declaration\u060c \u0627\u06cc\u0646 \u0646\u0648\u0639 \u062a\u0627\u0628\u0639 Hoist \u0646\u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">sum<\/span>(<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>);\r\n\r\n<span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037cv\">function<\/span>(<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) {\r\n  <span class=\"\u037cv\">return<\/span> <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;\r\n};<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1479\" data-end=\"1485\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">ReferenceError<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"1521\" data-end=\"1524\" \/>\n<h1 data-section-id=\"aonch\" data-start=\"1526\" data-end=\"1548\">Arrow Function \u0686\u06cc\u0633\u062a\u061f<\/h1>\n<p data-start=\"1550\" data-end=\"1613\">Arrow Function \u0646\u0633\u062e\u0647 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631 \u0648 \u0645\u062f\u0631\u0646\u200c\u062a\u0631 Function Expression \u0627\u0633\u062a.<\/p>\n<p data-start=\"1615\" data-end=\"1620\">\u0645\u062b\u0627\u0644:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">=<\/span> (<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) =&gt; {\r\n  <span class=\"\u037cv\">return<\/span> <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;\r\n};<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1684\" data-end=\"1703\">\u06cc\u0627 \u0628\u0647 \u0634\u06a9\u0644 \u062e\u0644\u0627\u0635\u0647\u200c\u062a\u0631:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">=<\/span> (<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) =&gt; <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"1753\" data-end=\"1770\">Arrow Function\u0647\u0627:<\/p>\n<ul data-start=\"1772\" data-end=\"1933\">\n<li data-section-id=\"wolf5l\" data-start=\"1772\" data-end=\"1789\">Hoist \u0646\u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/li>\n<li data-section-id=\"14i8sbv\" data-start=\"1790\" data-end=\"1811\">\u0647\u0645\u06cc\u0634\u0647 \u0646\u0627\u0634\u0646\u0627\u0633 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li data-section-id=\"1e41uzi\" data-start=\"1812\" data-end=\"1831\">Prototype \u0646\u062f\u0627\u0631\u0646\u062f.<\/li>\n<li data-section-id=\"14m6a75\" data-start=\"1832\" data-end=\"1885\">\u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 Constructor \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f.<\/li>\n<li data-section-id=\"181i8zy\" data-start=\"1886\" data-end=\"1933\">\u0645\u0642\u062f\u0627\u0631 <code data-start=\"1894\" data-end=\"1900\">this<\/code> \u0631\u0627 \u0627\u0632 \u0645\u062d\u06cc\u0637 \u0627\u0637\u0631\u0627\u0641 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc\u200c\u0628\u0631\u0646\u062f.<\/li>\n<\/ul>\n<hr data-start=\"1935\" data-end=\"1938\" \/>\n<h1 data-section-id=\"piej34\" data-start=\"1940\" data-end=\"1980\">\u062a\u0641\u0627\u0648\u062a Arrow Function \u0648 Function \u0645\u0639\u0645\u0648\u0644\u06cc<\/h1>\n<h2 data-section-id=\"1ia15qi\" data-start=\"1982\" data-end=\"2000\">1. Lexical this<\/h2>\n<p data-start=\"2002\" data-end=\"2055\">\u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a Arrow Function \u0646\u062d\u0648\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a <code data-start=\"2044\" data-end=\"2050\">this<\/code> \u0627\u0633\u062a.<\/p>\n<h3 data-section-id=\"1jiv2ap\" data-start=\"2057\" data-end=\"2080\">\u0645\u062b\u0627\u0644 \u0628\u0627 \u062a\u0627\u0628\u0639 \u0645\u0639\u0645\u0648\u0644\u06cc<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">printNumbers<\/span> <span class=\"\u037cv\">=<\/span> {\r\n  phrase: <span class=\"\u037cz\">\"\u0645\u0642\u062f\u0627\u0631 \u0641\u0639\u0644\u06cc:\"<\/span>,\r\n  numbers: [<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>, <span class=\"\u037cy\">3<\/span>],\r\n\r\n  loop() {\r\n    <span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>numbers<span class=\"\u037cv\">.<\/span>forEach(<span class=\"\u037cv\">function<\/span>(<span class=\"\u037c11\">number<\/span>) {\r\n      <span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>phrase, <span class=\"\u037c11\">number<\/span>);\r\n    });\r\n  }\r\n};\r\n\r\n<span class=\"\u037c11\">printNumbers<\/span><span class=\"\u037cv\">.<\/span>loop();<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2304\" data-end=\"2310\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">undefined <\/span><span class=\"\u037cy\">1<\/span>\r\n<span class=\"\u037c11\">undefined <\/span><span class=\"\u037cy\">2<\/span>\r\n<span class=\"\u037c11\">undefined <\/span><span class=\"\u037cy\">3<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2367\" data-end=\"2456\">\u062f\u0644\u06cc\u0644 \u0627\u06cc\u0646 \u0627\u062a\u0641\u0627\u0642 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 <code data-start=\"2393\" data-end=\"2399\">this<\/code> \u062f\u0627\u062e\u0644 \u062a\u0627\u0628\u0639 <code data-start=\"2410\" data-end=\"2419\">forEach<\/code> \u0628\u0647 \u0634\u06cc\u0621 <code data-start=\"2427\" data-end=\"2441\">printNumbers<\/code> \u0627\u0634\u0627\u0631\u0647 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<hr data-start=\"2458\" data-end=\"2461\" \/>\n<h3 data-section-id=\"1wgn2tj\" data-start=\"2463\" data-end=\"2492\">\u062d\u0644 \u0645\u0634\u06a9\u0644 \u0628\u0627 Arrow Function<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">printNumbers<\/span> <span class=\"\u037cv\">=<\/span> {\r\n  phrase: <span class=\"\u037cz\">\"\u0645\u0642\u062f\u0627\u0631 \u0641\u0639\u0644\u06cc:\"<\/span>,\r\n  numbers: [<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>, <span class=\"\u037cy\">3<\/span>],\r\n\r\n  loop() {\r\n    <span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>numbers<span class=\"\u037cv\">.<\/span>forEach((<span class=\"\u037c11\">number<\/span>) =&gt; {\r\n      <span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>phrase, <span class=\"\u037c11\">number<\/span>);\r\n    });\r\n  }\r\n};\r\n\r\n<span class=\"\u037c11\">printNumbers<\/span><span class=\"\u037cv\">.<\/span>loop();<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2711\" data-end=\"2717\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">\u0645\u0642\u062f\u0627\u0631 <\/span><span class=\"\u037c13\">\u0641\u0639\u0644\u06cc<\/span>: <span class=\"\u037cy\">1<\/span>\r\n<span class=\"\u037c11\">\u0645\u0642\u062f\u0627\u0631 <\/span><span class=\"\u037c13\">\u0641\u0639\u0644\u06cc<\/span>: <span class=\"\u037cy\">2<\/span>\r\n<span class=\"\u037c11\">\u0645\u0642\u062f\u0627\u0631 <\/span><span class=\"\u037c13\">\u0641\u0639\u0644\u06cc<\/span>: <span class=\"\u037cy\">3<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"2780\" data-end=\"2839\">Arrow Function \u0645\u0642\u062f\u0627\u0631 <code data-start=\"2801\" data-end=\"2807\">this<\/code> \u0631\u0627 \u0627\u0632 \u0645\u062d\u06cc\u0637 \u0627\u0637\u0631\u0627\u0641 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<hr data-start=\"2841\" data-end=\"2844\" \/>\n<h1 data-section-id=\"160vnln\" data-start=\"2846\" data-end=\"2871\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0645\u062a\u062f\u0647\u0627\u06cc \u0622\u0631\u0627\u06cc\u0647<\/h1>\n<p data-start=\"2873\" data-end=\"2927\">Arrow Function \u0628\u06cc\u0634\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0628\u0631\u062f \u0631\u0627 \u062f\u0631 \u0645\u062a\u062f\u0647\u0627\u06cc \u0622\u0631\u0627\u06cc\u0647 \u062f\u0627\u0631\u062f.<\/p>\n<h2 data-section-id=\"y1iyzc\" data-start=\"2929\" data-end=\"2937\">map()<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">numbers<\/span> <span class=\"\u037cv\">=<\/span> [<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>, <span class=\"\u037cy\">3<\/span>, <span class=\"\u037cy\">4<\/span>];\r\n\r\n<span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">doubled<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037c11\">numbers<\/span><span class=\"\u037cv\">.<\/span>map(<span class=\"\u037c11\">num<\/span> =&gt; <span class=\"\u037c11\">num<\/span> <span class=\"\u037cv\">*<\/span> <span class=\"\u037cy\">2<\/span>);\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">doubled<\/span>);<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3057\" data-end=\"3063\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>[<span class=\"\u037cy\">2<\/span>, <span class=\"\u037cy\">4<\/span>, <span class=\"\u037cy\">6<\/span>, <span class=\"\u037cy\">8<\/span>]<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3097\" data-end=\"3100\" \/>\n<h2 data-section-id=\"1dnv3gk\" data-start=\"3102\" data-end=\"3113\">filter()<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">numbers<\/span> <span class=\"\u037cv\">=<\/span> [<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>, <span class=\"\u037cy\">3<\/span>, <span class=\"\u037cy\">4<\/span>, <span class=\"\u037cy\">5<\/span>];\r\n\r\n<span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">even<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037c11\">numbers<\/span><span class=\"\u037cv\">.<\/span>filter(<span class=\"\u037c11\">num<\/span> =&gt; <span class=\"\u037c11\">num<\/span> <span class=\"\u037cv\">%<\/span> <span class=\"\u037cy\">2<\/span> <span class=\"\u037cv\">===<\/span> <span class=\"\u037cy\">0<\/span>);\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">even<\/span>);<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3239\" data-end=\"3245\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>[<span class=\"\u037cy\">2<\/span>, <span class=\"\u037cy\">4<\/span>]<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3273\" data-end=\"3276\" \/>\n<h2 data-section-id=\"17hf35w\" data-start=\"3278\" data-end=\"3289\">reduce()<\/h2>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">numbers<\/span> <span class=\"\u037cv\">=<\/span> [<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>, <span class=\"\u037cy\">3<\/span>, <span class=\"\u037cy\">4<\/span>];\r\n\r\n<span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">total<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037c11\">numbers<\/span><span class=\"\u037cv\">.<\/span>reduce(\r\n  (<span class=\"\u037c11\">sum<\/span>, <span class=\"\u037c11\">current<\/span>) =&gt; <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">current<\/span>,\r\n  <span class=\"\u037cy\">0<\/span>\r\n);\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">total<\/span>);<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3434\" data-end=\"3440\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cy\">10<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3464\" data-end=\"3467\" \/>\n<h1 data-section-id=\"1xm0r52\" data-start=\"3469\" data-end=\"3520\">\u0686\u0631\u0627 Arrow Function \u0628\u0631\u0627\u06cc Object Method \u0645\u0646\u0627\u0633\u0628 \u0646\u06cc\u0633\u062a\u061f<\/h1>\n<p data-start=\"3522\" data-end=\"3606\">\u06af\u0627\u0647\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u0634\u062a\u0628\u0627\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u0648 \u0645\u062a\u062f\u0647\u0627\u06cc \u0622\u0628\u062c\u06a9\u062a \u0631\u0627 \u0628\u0627 Arrow Function \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">user<\/span> <span class=\"\u037cv\">=<\/span> {\r\n  name: <span class=\"\u037cz\">\"Ali\"<\/span>,\r\n\r\n  sayName: () =&gt; {\r\n    <span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>name);\r\n  }\r\n};\r\n\r\n<span class=\"\u037c11\">user<\/span><span class=\"\u037cv\">.<\/span>sayName();<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3729\" data-end=\"3735\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">undefined<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"3766\" data-end=\"3849\">\u0632\u06cc\u0631\u0627 Arrow Function \u06cc\u06a9 <code data-start=\"3789\" data-end=\"3795\">this<\/code> \u0645\u0633\u062a\u0642\u0644 \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0627\u0632 Scope \u0628\u06cc\u0631\u0648\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p data-start=\"3851\" data-end=\"3860\">\u0631\u0648\u0634 \u0635\u062d\u06cc\u062d:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">user<\/span> <span class=\"\u037cv\">=<\/span> {\r\n  name: <span class=\"\u037cz\">\"Ali\"<\/span>,\r\n\r\n  sayName() {\r\n    <span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>name);\r\n  }\r\n};<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"3961\" data-end=\"3964\" \/>\n<h1 data-section-id=\"1avhg2l\" data-start=\"3966\" data-end=\"3996\">Arrow Function \u0648 Constructor<\/h1>\n<p data-start=\"3998\" data-end=\"4055\">\u062a\u0648\u0627\u0628\u0639 \u0645\u0639\u0645\u0648\u0644\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 Constructor \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">function<\/span> <span class=\"\u037c11\">User<\/span>(<span class=\"\u037c11\">name<\/span>) {\r\n  <span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>name <span class=\"\u037cv\">=<\/span> <span class=\"\u037c11\">name<\/span>;\r\n}\r\n\r\n<span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">user<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037cv\">new<\/span> <span class=\"\u037c11\">User<\/span>(<span class=\"\u037cz\">\"Ali\"<\/span>);<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4151\" data-end=\"4189\">\u0627\u0645\u0627 Arrow Function \u0686\u0646\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a\u06cc \u0646\u062f\u0627\u0631\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">User<\/span> <span class=\"\u037cv\">=<\/span> (<span class=\"\u037c11\">name<\/span>) =&gt; {\r\n  <span class=\"\u037cy\">this<\/span><span class=\"\u037cv\">.<\/span>name <span class=\"\u037cv\">=<\/span> <span class=\"\u037c11\">name<\/span>;\r\n};\r\n\r\n<span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">user<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037cv\">new<\/span> <span class=\"\u037c11\">User<\/span>(<span class=\"\u037cz\">\"Ali\"<\/span>);<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4289\" data-end=\"4295\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c13\">TypeError<\/span>: <span class=\"\u037c11\">User is not a constructor<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4353\" data-end=\"4356\" \/>\n<h1 data-section-id=\"113uuct\" data-start=\"4358\" data-end=\"4387\">Prototype \u062f\u0631 Arrow Function<\/h1>\n<p data-start=\"4389\" data-end=\"4427\">\u062a\u0627\u0628\u0639\u200c\u0647\u0627\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc \u062f\u0627\u0631\u0627\u06cc Prototype \u0647\u0633\u062a\u0646\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">function<\/span> <span class=\"\u037c11\">test<\/span>() {}\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">test<\/span><span class=\"\u037cv\">.<\/span>prototype);<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4497\" data-end=\"4503\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>{ <span class=\"\u037c13\">constructor<\/span>: <span class=\"\u037c11\">\u0192<\/span> }<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4543\" data-end=\"4581\">\u0627\u0645\u0627 Arrow Function \u0641\u0627\u0642\u062f Prototype \u0627\u0633\u062a:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">test<\/span> <span class=\"\u037cv\">=<\/span> () =&gt; {};\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">test<\/span><span class=\"\u037cv\">.<\/span>prototype);<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"4655\" data-end=\"4661\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">undefined<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4692\" data-end=\"4695\" \/>\n<h1 data-section-id=\"mjn7dj\" data-start=\"4697\" data-end=\"4728\">\u0628\u0627\u0632\u06af\u0634\u062a \u0636\u0645\u0646\u06cc (Implicit Return)<\/h1>\n<p data-start=\"4730\" data-end=\"4779\">\u062f\u0631 Arrow Function \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f <code data-start=\"4758\" data-end=\"4766\">return<\/code> \u0631\u0627 \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3 data-section-id=\"18hgkrf\" data-start=\"4781\" data-end=\"4796\">\u062d\u0627\u0644\u062a \u0645\u0639\u0645\u0648\u0644\u06cc<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">=<\/span> (<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) =&gt; {\r\n  <span class=\"\u037cv\">return<\/span> <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;\r\n};<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<h3 data-section-id=\"1c5oe65\" data-start=\"4860\" data-end=\"4874\">\u062d\u0627\u0644\u062a \u062e\u0644\u0627\u0635\u0647<\/h3>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">=<\/span> (<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) =&gt; <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>;<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"4924\" data-end=\"4927\" \/>\n<h2 data-section-id=\"7t9lis\" data-start=\"4929\" data-end=\"4949\">\u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0646 Object<\/h2>\n<p data-start=\"4951\" data-end=\"5007\">\u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0646 Object \u0628\u0627\u06cc\u062f \u0622\u0646 \u0631\u0627 \u062f\u0627\u062e\u0644 \u067e\u0631\u0627\u0646\u062a\u0632 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">sum<\/span> <span class=\"\u037cv\">=<\/span> (<span class=\"\u037c11\">a<\/span>, <span class=\"\u037c11\">b<\/span>) =&gt; ({\r\n  result: <span class=\"\u037c11\">a<\/span> <span class=\"\u037cv\">+<\/span> <span class=\"\u037c11\">b<\/span>\r\n});\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">sum<\/span>(<span class=\"\u037cy\">1<\/span>, <span class=\"\u037cy\">2<\/span>));<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"5098\" data-end=\"5104\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code>{ <span class=\"\u037c13\">result<\/span>: <span class=\"\u037cy\">3<\/span> }<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"5139\" data-end=\"5142\" \/>\n<h1 data-section-id=\"wpga6i\" data-start=\"5144\" data-end=\"5172\">\u062d\u0630\u0641 \u067e\u0631\u0627\u0646\u062a\u0632 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u067e\u0627\u0631\u0627\u0645\u062a\u0631<\/h1>\n<p data-start=\"5174\" data-end=\"5225\">\u0627\u06af\u0631 \u0641\u0642\u0637 \u06cc\u06a9 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f\u060c \u067e\u0631\u0627\u0646\u062a\u0632 \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u0627\u0633\u062a.<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">square<\/span> <span class=\"\u037cv\">=<\/span> <span class=\"\u037c11\">x<\/span> =&gt; <span class=\"\u037c11\">x<\/span> <span class=\"\u037cv\">*<\/span> <span class=\"\u037c11\">x<\/span>;\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">square<\/span>(<span class=\"\u037cy\">10<\/span>));<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"5299\" data-end=\"5305\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cy\">100<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"5330\" data-end=\"5333\" \/>\n<h1 data-section-id=\"146w23i\" data-start=\"5335\" data-end=\"5349\">\u0628\u062f\u0648\u0646 \u067e\u0627\u0631\u0627\u0645\u062a\u0631<\/h1>\n<p data-start=\"5351\" data-end=\"5400\">\u0627\u06af\u0631 \u062a\u0627\u0628\u0639 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u06cc \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u067e\u0631\u0627\u0646\u062a\u0632 \u0627\u0644\u0632\u0627\u0645\u06cc \u0627\u0633\u062a:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037cv\">const<\/span> <span class=\"\u037c11\">greet<\/span> <span class=\"\u037cv\">=<\/span> () =&gt; <span class=\"\u037cz\">\"Hello\"<\/span>;\r\n\r\n<span class=\"\u037c11\">console<\/span><span class=\"\u037cv\">.<\/span>log(<span class=\"\u037c11\">greet<\/span>());<\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<p data-start=\"5473\" data-end=\"5479\">\u062e\u0631\u0648\u062c\u06cc:<\/p>\n<div class=\"relative w-full mt-4 mb-1\">\n<div class=\"\">\n<div class=\"contents\">\n<div class=\"border border-token-border-light border-radius-3xl corner-superellipse\/1.1 rounded-3xl\">\n<div class=\"relative 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=\"h-full min-h-0 min-w-0\">\n<div class=\"h-full min-h-0 min-w-0\">\n<div class=\"\">\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 \u037cs \u037c16\" dir=\"ltr\">\n<div class=\"cm-scroller\">\n<pre class=\"cm-content q9tKkq_readonly m-0\"><code><span class=\"\u037c11\">Hello<\/span><\/code><\/pre>\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<\/div>\n<\/div>\n<\/div>\n<hr data-start=\"5506\" data-end=\"5509\" \/>\n<h1 data-section-id=\"1b3z44a\" data-start=\"5511\" data-end=\"5553\">\u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0627\u0632 Arrow Function \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f<\/h1>\n<p data-start=\"5555\" data-end=\"5562\">\u2705 \u0628\u0631\u0627\u06cc:<\/p>\n<ul data-start=\"5564\" data-end=\"5652\">\n<li data-section-id=\"14yv5zp\" data-start=\"5564\" data-end=\"5573\"><code data-start=\"5566\" data-end=\"5573\">map()<\/code><\/li>\n<li data-section-id=\"1e1vpk9\" data-start=\"5574\" data-end=\"5586\"><code data-start=\"5576\" data-end=\"5586\">filter()<\/code><\/li>\n<li data-section-id=\"137vs4p\" data-start=\"5587\" data-end=\"5599\"><code data-start=\"5589\" data-end=\"5599\">reduce()<\/code><\/li>\n<li data-section-id=\"1lujpod\" data-start=\"5600\" data-end=\"5613\"><code data-start=\"5602\" data-end=\"5613\">forEach()<\/code><\/li>\n<li data-section-id=\"1usuywx\" data-start=\"5614\" data-end=\"5626\">Callback\u0647\u0627<\/li>\n<li data-section-id=\"1m5rat3\" data-start=\"5627\" data-end=\"5638\">Promise\u0647\u0627<\/li>\n<li data-section-id=\"1c96jt7\" data-start=\"5639\" data-end=\"5652\">Async\/Await<\/li>\n<\/ul>\n<p data-start=\"5654\" data-end=\"5661\">\u274c \u0628\u0631\u0627\u06cc:<\/p>\n<ul data-start=\"5663\" data-end=\"5735\">\n<li data-section-id=\"1yoimao\" data-start=\"5663\" data-end=\"5678\">Constructor\u0647\u0627<\/li>\n<li data-section-id=\"u9xspu\" data-start=\"5679\" data-end=\"5696\">Object Method\u0647\u0627<\/li>\n<li data-section-id=\"fal5he\" data-start=\"5697\" data-end=\"5735\">\u062a\u0648\u0627\u0628\u0639\u06cc \u06a9\u0647 \u0628\u0647 <code data-start=\"5712\" data-end=\"5718\">this<\/code> \u0645\u0633\u062a\u0642\u0644 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f<\/li>\n<\/ul>\n<hr data-start=\"5737\" data-end=\"5740\" \/>\n<h1 data-section-id=\"qpvq47\" data-start=\"5742\" data-end=\"5752\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/h1>\n<p data-start=\"5754\" data-end=\"6155\">Arrow Function \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc ES6 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0631\u0627 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631\u060c \u062e\u0648\u0627\u0646\u0627\u062a\u0631 \u0648 \u0645\u062f\u0631\u0646\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a \u0622\u0646 \u0628\u0627 \u062a\u0648\u0627\u0628\u0639 \u0633\u0646\u062a\u06cc\u060c \u0646\u062d\u0648\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a <code data-start=\"5899\" data-end=\"5905\">this<\/code> \u0627\u0632 \u0637\u0631\u06cc\u0642 <strong data-start=\"5914\" data-end=\"5931\">Lexical Scope<\/strong> \u0627\u0633\u062a. \u0647\u0645\u0686\u0646\u06cc\u0646 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f <strong data-start=\"5965\" data-end=\"5984\">Implicit Return<\/strong> \u0648 \u062d\u0630\u0641 \u067e\u0631\u0627\u0646\u062a\u0632\u0647\u0627\u060c \u0646\u0648\u0634\u062a\u0646 Callback\u0647\u0627 \u0648 \u0639\u0645\u0644\u06cc\u0627\u062a \u0631\u0648\u06cc \u0622\u0631\u0627\u06cc\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0628\u0631\u0627\u06cc \u0645\u062a\u062f\u0647\u0627\u06cc \u0622\u0628\u062c\u06a9\u062a \u0648 Constructor\u0647\u0627 \u0647\u0645\u0686\u0646\u0627\u0646 \u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0627\u0632 \u062a\u0648\u0627\u0628\u0639 \u0645\u0639\u0645\u0648\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f.<\/p>\n<p data-start=\"5754\" data-end=\"6155\">\u0627\u0632 \u0647\u0645\u0631\u0627\u0647\u06cc \u0634\u0645\u0627 \u0628\u0627 <a href=\"https:\/\/parmin.cloud\/\"><strong>\u067e\u0627\u0631\u0645\u06cc\u0646 \u06a9\u0644\u0648\u062f<\/strong><\/a> \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631\u06cc\u0645.<\/p>\n<div style='text-align:center' class='yasr-auto-insert-visitor'><\/div>","protected":false},"excerpt":{"rendered":"<p>\u0645\u0642\u062f\u0645\u0647 \u062f\u0631 \u0646\u0633\u062e\u0647 \u06f2\u06f0\u06f1\u06f5 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f ECMAScript (ES6)\u060c \u0642\u0627\u0628\u0644\u06cc\u062a Arrow Function \u0628\u0647 \u0632\u0628\u0627\u0646 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0636\u0627\u0641\u0647 \u0634\u062f. Arrow Function\u0647\u0627 \u0631\u0648\u0634\u06cc \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0646\u0648\u0634\u062a\u0646 \u062a\u0648\u0627\u0628\u0639 \u0646\u0627\u0634\u0646\u0627\u0633 (Anonymous Functions) \u0647\u0633\u062a\u0646\u062f \u0648 \u0627\u0632 \u0646\u0638\u0631 \u0645\u0641\u0647\u0648\u0645 \u0634\u0628\u0627\u0647\u062a \u0632\u06cc\u0627\u062f\u06cc \u0628\u0647 Lambda Function\u0647\u0627 \u062f\u0631 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Python \u062f\u0627\u0631\u0646\u062f. Arrow Function\u0647\u0627 \u062f\u0631 \u0686\u0646\u062f\u06cc\u0646 \u0645\u0648\u0631\u062f \u0628\u0627 \u062a\u0648\u0627\u0628\u0639 \u0633\u0646\u062a\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0641\u0627\u0648\u062a \u062f\u0627\u0631\u0646\u062f\u061b \u0627\u0632 \u062c\u0645\u0644\u0647 \u0646\u062d\u0648\u0647 \u062a\u0639\u06cc\u06cc\u0646 [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6541,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[8,1],"tags":[1407,1404,1406,1408,1403,1405],"class_list":["post-6539","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-8","category-1","tag--arrow-function--","tag--es6-arrow-functions","tag--arrow-function--function--javascript","tag-1403","tag---this--arrow-function"],"aioseo_notices":[],"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6539","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=6539"}],"version-history":[{"count":2,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6539\/revisions"}],"predecessor-version":[{"id":6542,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/posts\/6539\/revisions\/6542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media\/6541"}],"wp:attachment":[{"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/media?parent=6539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/categories?post=6539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parmin.cloud\/blog\/wp-json\/wp\/v2\/tags?post=6539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}