{"id":12297,"date":"2023-03-16T00:16:07","date_gmt":"2023-03-15T20:46:07","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/understanding-the-compose-function-in-javascript-3g34\/"},"modified":"2023-03-16T00:16:07","modified_gmt":"2023-03-15T20:46:07","slug":"understanding-the-compose-function-in-javascript-3g34","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/understanding-the-compose-function-in-javascript-3g34\/","title":{"rendered":"\u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u062a\u0627\u0628\u0639 Compose \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a"},"content":{"rendered":"<div data-article-id=\"1401890\" id=\"article-body\">\n<p><em>\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u06a9\u0645\u062a\u0631 \u0645\u0648\u0631\u062f \u0639\u0644\u0627\u0642\u0647 \u0645\u0646 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627\u06cc\u062f \u062a\u0648\u0627\u0628\u0639 compose \u0648 pipe \u0628\u0627\u0634\u062f\u060c \u0645\u0646\u0638\u0648\u0631\u0645 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0622\u0646\u0647\u0627 \u062a\u0648\u0627\u0628\u0639 \u0639\u0627\u0644\u06cc \u0647\u0633\u062a\u0646\u062f \u0648 \u0642\u0637\u0639\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0632\u06cc\u0627\u062f\u06cc \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0622\u0646\u060c \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u06cc\u062f \u06a9\u0647 \u06cc\u06a9 \u062f\u0633\u062a\u0647 \u0627\u0632 \u062a\u0648\u0627\u0628\u0639 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. \u062f\u0631\u06a9 \u0627\u06cc\u0646\u06a9\u0647 \u0648\u0627\u0642\u0639\u0627\u064b \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u0645\u06cc \u0627\u0641\u062a\u062f \u062f\u0634\u0648\u0627\u0631 \u0628\u0648\u062f.<\/em><\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0645\u0646 \u0628\u0647 \u06cc\u06a9 \u06a9\u0648\u062f\u06a9 \u0646\u0648\u067e\u0627 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc \u062f\u0647\u0645\u060c \u062e\u0637 \u0628\u0647 \u062e\u0637 \u062a\u0627\u0628\u0639 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627 \u0645\u0631\u0648\u0631 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<p><em>\u0642\u0628\u0644 \u0627\u0632 \u0634\u0631\u0648\u0639\u060c \u0634\u0645\u0627 \u062d\u062f\u0627\u0642\u0644 \u0628\u0647 \u062f\u0627\u0646\u0634 \u06a9\u0645\u06cc \u0627\u0632 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f.<\/em><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/understanding-the-compose-function-in-javascript-3g34\/#%D8%AA%D8%A7%D8%A8%D8%B9_%D9%86%D9%88%D8%B4%D8%AA%D9%86_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >\u062a\u0627\u0628\u0639 \u0646\u0648\u0634\u062a\u0646 \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/understanding-the-compose-function-in-javascript-3g34\/#%D8%AA%D8%A7%D8%A8%D8%B9_reduceRight\" >\u062a\u0627\u0628\u0639 reduceRight<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/understanding-the-compose-function-in-javascript-3g34\/#%D9%86%D8%AD%D9%88%D9%87_%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C_%D8%AA%D8%A7%D8%A8%D8%B9_compose\" >\u0646\u062d\u0648\u0647 \u0627\u062c\u0631\u0627\u06cc \u062a\u0627\u0628\u0639 compose<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%AA%D8%A7%D8%A8%D8%B9_%D9%86%D9%88%D8%B4%D8%AA%D9%86_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>\n<p>  \u062a\u0627\u0628\u0639 \u0646\u0648\u0634\u062a\u0646 \u0686\u06cc\u0633\u062a\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u062a\u0627\u0628\u0639 compose \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0645\u0631\u062a\u0628\u0647 \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0648 \u06cc\u0627 \u0686\u0646\u062f \u062a\u0627\u0628\u0639 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0645\u06cc \u06af\u06cc\u0631\u062f \u0648 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062c\u062f\u06cc\u062f \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u0631\u0627 \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f.  \u0627\u0633\u0627\u0633\u0627\u064b\u060c \u06cc\u06a9 \u062a\u0627\u0628\u0639 compose \u062f\u0633\u062a\u0647\u200c\u0627\u06cc \u0627\u0632 \u062a\u0648\u0627\u0628\u0639 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0633\u067e\u0633 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u062a\u0627\u0628\u0639 \u062f\u06cc\u06af\u0631\u06cc \u062f\u0631 \u062f\u0627\u062e\u0644 \u062e\u0648\u062f \u0645\u06cc\u200c\u0641\u0631\u0633\u062a\u062f \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 ReduceRight \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0622\u0646\u0647\u0627 \u0631\u0627 \u0627\u0632 \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.  \u062f\u0631\u0633\u062a \u062f\u0631 \u0622\u0646 \u0634\u06cc\u0631\u062c\u0647 \u0628\u0632\u0646\u06cc\u0645<\/p>\n<p>\u0628\u0627 \u062a\u0648\u062c\u0647 \u0628\u0647 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0646\u0648\u0634\u062a\u0646 \u0645\u0639\u0645\u0648\u0644\u06cc.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>function compose(...funcs) {\n  return function(arg) {\n    return funcs.reduceRight((accum, fn) =&gt; {\n      return fn(accum);\n    }, arg);\n  };\n}\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0633\u0637\u0631 \u0628\u0647 \u062e\u0637 \u0622\u0646 \u0631\u0627 \u0628\u0634\u06a9\u0646\u06cc\u0645 \u0648 \u0647\u0636\u0645 \u06a9\u0646\u06cc\u0645<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>function compose(...funcs) {\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0634\u0631\u0648\u0639 \u062a\u0627\u0628\u0639\u06cc \u0628\u0647 \u0646\u0627\u0645 compose \u0627\u0633\u062a (\u0627\u0644\u0632\u0627\u0645\u06cc \u0646\u06cc\u0633\u062a \u06a9\u0647 \u062a\u0627\u0628\u0639 compose \u0646\u0627\u0645\u06cc\u062f\u0647 \u0634\u0648\u062f).  \u0647\u0631 \u062a\u0639\u062f\u0627\u062f \u0622\u0631\u06af\u0648\u0645\u0627\u0646 (\u062a\u0648\u0627\u0628\u0639) \u0631\u0627 \u0645\u06cc \u06af\u06cc\u0631\u062f \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0645\u0644\u06af\u0631 spread(&#8230;) \u062f\u0631 \u06cc\u06a9 \u0622\u0631\u0627\u06cc\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>return function(arg) {\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062a\u0627\u0628\u0639\u06cc \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u06cc\u0645 \u06a9\u0647 \u06cc\u06a9 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0648\u0627\u062d\u062f \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u062f\u060c \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u062f\u0631\u06cc\u0627\u0641\u062a\u06cc \u0639\u0646\u0635\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u0631\u0648\u06cc \u0622\u0646 \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>return funcs.reduceRight((accum, fn) =&gt; {\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062e\u0637 \u06cc\u06a9 \u0645\u062a\u062f reduceRight \u0631\u0627 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647 funcs \u0634\u0631\u0648\u0639 \u0645\u06cc \u06a9\u0646\u062f (\u0628\u0647 \u06cc\u0627\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0622\u0631\u0627\u06cc\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0645\u062c\u0627\u0632\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 spread \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a.[&#8230;] \u0639\u0645\u0644\u06af\u0631)\u060c \u06a9\u0647 \u062a\u0627\u0628\u0639 callback \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u0639\u0646\u0635\u0631 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647\u060c \u0627\u0632 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0634\u0631\u0648\u0639 \u0645\u06cc \u06a9\u0646\u062f.  \u0627\u06af\u0631 \u0645\u062a\u0648\u062c\u0647 \u0646\u0634\u062f\u06cc\u062f\u060c \u0646\u06af\u0631\u0627\u0646 \u0646\u0628\u0627\u0634\u06cc\u062f\u060c \u0645\u0646 \u0647\u0645\u0686\u0646\u0627\u0646 \u062f\u0631 \u062d\u06cc\u0646 \u062e\u0648\u0627\u0646\u062f\u0646 \u062a\u0648\u0636\u06cc\u062d \u062e\u0648\u0627\u0647\u0645 \u062f\u0627\u062f \u06a9\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u06a9\u0627\u0647\u0634 \u0686\u06af\u0648\u0646\u0647 \u06a9\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>return fn(accum);\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062e\u0637 \u0647\u0631 \u062a\u0627\u0628\u0639 \u0631\u0627 \u062f\u0631 \u062a\u0627\u0628\u0639 \u0628\u0647 \u0645\u062a\u063a\u06cc\u0631 accum \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f.  accum \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0631\u0648\u06cc \u0645\u0642\u062f\u0627\u0631 arg (\u0622\u06af\u0648\u0645\u0627\u0646 \u0627\u0631\u0633\u0627\u0644 \u0634\u062f\u0647 \u0628\u0647 \u062a\u0627\u0628\u0639 \u0628\u0631\u06af\u0634\u062a\u06cc) \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0647\u0631 \u0628\u0627\u0631 \u06a9\u0647 \u062a\u0627\u0628\u0639\u06cc \u062f\u0631 func \u0628\u0647 \u0622\u0646 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0647 \u0631\u0648\u0632 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>}, arg);\n  };\n}\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0645\u0642\u062f\u0627\u0631 \u0627\u0648\u0644\u06cc\u0647 accum \u0631\u0627 \u0631\u0648\u06cc \u0645\u0642\u062f\u0627\u0631 arg \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u06cc\u0645.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D8%AA%D8%A7%D8%A8%D8%B9_reduceRight\"><\/span>\n<p>  \u062a\u0627\u0628\u0639 reduceRight<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u060c <code>reduceRight<\/code> \u0645\u062a\u062f \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0648\u0644\u06cc\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u062e\u0648\u062f \u0645\u06cc \u06af\u06cc\u0631\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u06cc\u06a9 \u0639\u0645\u0644\u06cc\u0627\u062a \u0645\u0639\u06cc\u0646 \u0628\u0647 \u0647\u0631 \u0639\u0646\u0635\u0631 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647 \u0648 \u06a9\u0627\u0647\u0634 \u0622\u0631\u0627\u06cc\u0647 \u0628\u0647 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.  \u062a\u0627\u0628\u0639 callback \u062f\u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0645\u06cc \u06af\u06cc\u0631\u062f: \u0627\u0646\u0628\u0627\u0634\u062a \u06a9\u0646\u0646\u062f\u0647 (\u06a9\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u062e\u0631\u06cc\u0646 \u0639\u0646\u0635\u0631 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f) \u0648 \u0645\u0642\u062f\u0627\u0631 \u0641\u0639\u0644\u06cc (\u06a9\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0639\u0646\u0635\u0631 \u062f\u0648\u0645 \u0628\u0647 \u0622\u062e\u0631\u06cc\u0646 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f).<\/p>\n<p>\u062f\u0631 <code>compose<\/code> \u062a\u0627\u0628\u0639\u060c \u062a\u0627\u0628\u0639 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f <code>reduceRight<\/code> \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u067e\u06cc\u06a9\u0627\u0646 \u0628\u0627 \u062f\u0648 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0627\u0633\u062a: <code>accum<\/code> \u0648 <code>fn<\/code>. <code>accum<\/code> \u0627\u0646\u0628\u0627\u0634\u062a\u0647 \u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u06cc\u06a9 \u062a\u06a9\u0631\u0627\u0631 \u0628\u0647 \u062a\u06a9\u0631\u0627\u0631 \u062f\u06cc\u06af\u0631 \u0645\u0646\u062a\u0642\u0644 \u0645\u06cc \u0634\u0648\u062f \u0648 <code>fn<\/code> \u0645\u0642\u062f\u0627\u0631 \u0641\u0639\u0644\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u0633\u0637 <code>reduceRight<\/code> \u0631\u0648\u0634.<\/p>\n<p>\u062a\u0627\u0628\u0639 callback \u0646\u062a\u06cc\u062c\u0647 \u0627\u0639\u0645\u0627\u0644 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f <code>fn<\/code> \u0628\u0647 <code>accum<\/code>.  \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631 \u062a\u0627\u0628\u0639 \u062f\u0631 <code>funcs<\/code> \u0628\u0631 \u0631\u0648\u06cc \u0646\u062a\u06cc\u062c\u0647 \u0642\u0628\u0644\u06cc \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0646\u062a\u06cc\u062c\u0647 \u0646\u0647\u0627\u06cc\u06cc \u062e\u0631\u0648\u062c\u06cc \u0622\u062e\u0631\u06cc\u0646 \u062a\u0627\u0628\u0639 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647 \u067e\u0633 \u0627\u0632 \u0627\u0639\u0645\u0627\u0644 \u0622\u0646 \u0628\u0647 \u0646\u062a\u06cc\u062c\u0647 \u0642\u0628\u0644\u06cc \u0627\u0633\u062a.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%86%D8%AD%D9%88%D9%87_%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C_%D8%AA%D8%A7%D8%A8%D8%B9_compose\"><\/span>\n<p>  \u0646\u062d\u0648\u0647 \u0627\u062c\u0631\u0627\u06cc \u062a\u0627\u0628\u0639 compose<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u062c\u0627\u0632\u0647 \u062f\u0647\u06cc\u062f \u0634\u0645\u0627 \u0631\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u06cc\u06a9 callstack \u0645\u062b\u0627\u0644 \u0628\u0631\u0627\u06cc \u062a\u0627\u0628\u0639 compose \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u06a9\u0646\u0645 \u062a\u0627 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646 \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u0645.<\/p>\n<p>\u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u062a\u0648\u0627\u0628\u0639 \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0627\u0631\u06cc\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>function addOne(x) {\n  return x + 1;\n}\n\nfunction double(x) {\n  return x * 2;\n}\n\nfunction square(x) {\n  return x * x;\n}\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0648 \u0645\u0627 compose \u0631\u0627 \u0628\u0647 \u0627\u06cc\u0646 \u0635\u0648\u0631\u062a \u0645\u06cc \u0646\u0627\u0645\u06cc\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const composedFunction = compose(square, double, addOne);\nconst result = composedFunction(2);\nconsole.log(result); \/\/ Output: 36\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0686\u06cc\u0632\u06cc \u0627\u0633\u062a \u06a9\u0647 \u06af\u0627\u0645 \u0628\u0647 \u06af\u0627\u0645 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f:<\/p>\n<ul>\n<li>\u0645\u0627 compose \u0631\u0627 \u0628\u0627 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627 \u0635\u062f\u0627 \u0645\u06cc \u0632\u0646\u06cc\u0645 <code>square<\/code>\u060c <code>double<\/code>\u060c \u0648 <code>addOne<\/code>\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const composedFunction = compose(square, double, addOne);\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u0627\u0628\u0639 compose\u060c the <code>reduceRight<\/code> \u0631\u0648\u0634 \u0628\u0631 \u0631\u0648\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f <code>funcs<\/code> \u0622\u0631\u0627\u06cc\u0647 <code>([square, double, addOne])<\/code>.  \u0645\u0642\u062f\u0627\u0631 \u0627\u0648\u0644\u06cc\u0647 \u0622\u06a9\u0648\u0645\u0648\u0644\u0627\u062a\u0648\u0631 (<code>accum<\/code>) \u0628\u0647 \u0645\u0642\u062f\u0627\u0631 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0627\u0631\u0633\u0627\u0644 \u0634\u062f\u0647 \u0628\u0647 \u062a\u0627\u0628\u0639 \u0628\u0631\u06af\u0634\u062a\u06cc (<code>arg<\/code>) \u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a 2 \u0627\u0633\u062a.\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>result = 2;\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\u0627\u0648\u0644\u06cc\u0646 \u062a\u06a9\u0631\u0627\u0631 \u0627\u0632 <code>reduceRight<\/code> \u0631\u0648\u0634 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0627 <code>fn<\/code> \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f <code>addOne<\/code>.  \u062a\u0627\u0628\u0639 \u0628\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f <code>accum<\/code> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u060c \u0648 \u0645\u0642\u062f\u0627\u0631 3 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u062c\u062f\u06cc\u062f \u0645\u06cc \u0634\u0648\u062f <code>accum<\/code>.\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>accum = addOne(accum); \/\/ result = 3\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\u062a\u06a9\u0631\u0627\u0631 \u062f\u0648\u0645 \u0627\u0632 <code>reduceRight<\/code> \u0631\u0648\u0634 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0627 <code>fn<\/code> \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f <code>double<\/code>.  \u062a\u0627\u0628\u0639 \u0628\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f <code>accum<\/code> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u060c \u0648 \u0645\u0642\u062f\u0627\u0631 6 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u062c\u062f\u06cc\u062f \u0645\u06cc \u0634\u0648\u062f <code>accum<\/code>.\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>accum = double(accum); \/\/ result = 6\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\u0633\u0648\u0645\u06cc\u0646 \u0648 \u0622\u062e\u0631\u06cc\u0646 \u062a\u06a9\u0631\u0627\u0631 \u0627\u0632 <code>reduceRight<\/code> \u0631\u0648\u0634 \u0634\u0631\u0648\u0639 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0627 <code>fn<\/code> \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f <code>square<\/code>.  \u062a\u0627\u0628\u0639 \u0628\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f <code>accum<\/code> \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u060c \u0648 \u0645\u0642\u062f\u0627\u0631 36 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0646\u0647\u0627\u06cc\u06cc \u0645\u06cc \u0634\u0648\u062f <code>acuum<\/code>.\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>accum = square(accum); \/\/ result = 36\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062a\u0627\u0628\u0639 \u0628\u0631\u06af\u0631\u062f\u0627\u0646\u062f\u0647 \u0634\u062f\u0647 \u0627\u0632 <code>compose<\/code> \u0628\u0627 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 2 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u062a\u0627\u0628\u0639 \u0647\u0631 \u062a\u0627\u0628\u0639 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647 funcs \u0631\u0627 \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0627\u0632 \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e \u0628\u0647 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f.  \u0627\u0648\u0644\u06cc\u0646\u060c <code>addOne<\/code> \u0628\u0627 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 2 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 3 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. <code>double<\/code> \u0628\u0627 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 3 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 6 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. <code>square<\/code> \u0628\u0627 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 6 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 36 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f<\/p>\n<p>\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0628\u0647 \u0637\u0648\u0631 \u062e\u0644\u0627\u0635\u0647\u060c \u062a\u0627\u0628\u0639 compose \u0647\u0631 \u062a\u0639\u062f\u0627\u062f \u062a\u0648\u0627\u0628\u0639 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0645\u06cc \u06af\u06cc\u0631\u062f \u0648 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062c\u062f\u06cc\u062f \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f \u06a9\u0647 \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u0631\u0627 \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f.  \u062a\u0627\u0628\u0639 \u0628\u0631\u06af\u0634\u062a\u06cc \u06cc\u06a9 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0648\u0627\u062d\u062f \u0645\u06cc \u06af\u06cc\u0631\u062f \u0648 \u0647\u0631 \u062a\u0627\u0628\u0639 \u062f\u0631 \u0622\u0631\u0627\u06cc\u0647 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0631\u0627 \u0627\u0632 \u0633\u0645\u062a \u0631\u0627\u0633\u062a \u0634\u0631\u0648\u0639 \u0645\u06cc \u06a9\u0646\u062f.  \u0628\u0627 \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0627\u0632 \u0686\u0646\u062f\u06cc\u0646 \u062a\u0627\u0628\u0639 \u06a9\u0648\u0686\u06a9\u062a\u0631 \u062a\u0634\u06a9\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06a9\u062f \u0645\u0627 \u0631\u0627 \u0645\u0627\u0698\u0648\u0644\u0627\u0631\u062a\u0631 \u0648 \u062e\u0648\u0627\u0646\u062f\u0646 \u0622\u0633\u0627\u0646\u200c\u062a\u0631 \u06a9\u0646\u062f.<\/p>\n<p>\u0637\u0628\u0642 \u0645\u0639\u0645\u0648\u0644 \u0627\u0632 \u062e\u0648\u0627\u0646\u062f\u0646 \u0634\u0645\u0627 \u0633\u067e\u0627\u0633\u06af\u0632\u0627\u0631\u0645 \u0648 \u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u0628\u0631\u0627\u06cc \u0648\u0642\u062a \u062e\u0648\u062f \u0627\u0631\u0632\u0634 \u0642\u0627\u0626\u0644 \u0634\u062f\u0647 \u0628\u0627\u0634\u06cc\u062f.  \u0645\u0646 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f @frontend_jedi \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646 \u0645\u0637\u0627\u0644\u0628 \u0622\u0645\u0648\u0632\u0634\u06cc \u0628\u06cc\u0634\u062a\u0631.  \u0645\u0646 \u0631\u0627 \u062f\u0631 \u062a\u0648\u06cc\u06cc\u062a\u0631 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f @<a href=\"https:\/\/twitter.com\/excel_bill\" rel=\"nofollow noopener\" target=\"_blank\">Frontend_Jedi<\/a> \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0627 \u0647\u0645 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0631\u0642\u0631\u0627\u0631 \u06a9\u0646\u06cc\u0645 \u0648 \u0631\u0634\u062f \u06a9\u0646\u06cc\u0645<\/p>\n<blockquote class=\"ltag__twitter-tweet\" data-url=\"https:\/\/twitter.com\/excel_bill\/status\/1547292393174716418\">\n<div class=\"ltag__twitter-tweet__main\" data-url=\"https:\/\/twitter.com\/excel_bill\/status\/1547292393174716418\">\n<div class=\"ltag__twitter-tweet__body\">\n<p>      \u0622\u06cc\u0627 \u0634\u0645\u0627 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633 \u0647\u0633\u062a\u06cc\u062f \u06cc\u0627 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u061f  \u062a\u0641\u0627\u0648\u062a \u0631\u0627 \u0646\u0645\u06cc \u062f\u0627\u0646\u06cc\u062f\u061f  \u0647\u0648\u0627\u062a \u0631\u0648 \u062f\u0627\u0631\u0645.  \u0628\u0631\u0627\u06cc \u062a\u0648\u0636\u06cc\u062d \u0628\u0647\u062a\u0631 \u062a\u0627\u067e\u06cc\u06a9 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f.<\/p>\n<p><a href=\"https:\/\/twitter.com\/hashtag\/javascript\" rel=\"nofollow noopener\" target=\"_blank\">#\u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/programming\" rel=\"nofollow noopener\" target=\"_blank\">#\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u064a\u0633\u064a<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/100DaysOfCode\" rel=\"nofollow noopener\" target=\"_blank\">#100DaysOfCode<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/BlackTechTwitter\" rel=\"nofollow noopener\" target=\"_blank\">#\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0633\u06cc\u0627\u0647 \u062a\u0648\u06cc\u06cc\u062a\u0631<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/js\" rel=\"nofollow noopener\" target=\"_blank\">#js<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/developers\" rel=\"nofollow noopener\" target=\"_blank\">#\u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646<\/a> <a href=\"https:\/\/twitter.com\/hashtag\/TechisHiring\" rel=\"nofollow noopener\" target=\"_blank\">#\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u06a9\u0646\u0633\u06cc\u0646<\/a>\n    <\/p>\n<\/div>\n<p>      18:50 \u0628\u0639\u062f \u0627\u0632 \u0638\u0647\u0631 &#8211; 13 \u0698\u0648\u0626\u06cc\u0647 2022\n    <\/p>\n<\/p><\/div>\n<\/blockquote><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0641\u0627\u0647\u06cc\u0645 \u06a9\u0645\u062a\u0631 \u0645\u0648\u0631\u062f \u0639\u0644\u0627\u0642\u0647 \u0645\u0646 \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627\u06cc\u062f \u062a\u0648\u0627\u0628\u0639 compose \u0648 pipe \u0628\u0627\u0634\u062f\u060c \u0645\u0646\u0638\u0648\u0631\u0645 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0622\u0646\u0647\u0627 \u062a\u0648\u0627\u0628\u0639 \u0639\u0627\u0644\u06cc \u0647\u0633\u062a\u0646\u062f \u0648 \u0642\u0637\u0639\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0632\u06cc\u0627\u062f\u06cc \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f\u060c \u0627\u0645\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0622\u0646\u060c \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc \u0631\u0633\u06cc\u062f \u06a9\u0647 \u06cc\u06a9 \u062f\u0633\u062a\u0647 \u0627\u0632 \u062a\u0648\u0627\u0628\u0639 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0631\u0627 \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f. \u062f\u0631\u06a9 \u0627\u06cc\u0646\u06a9\u0647 \u0648\u0627\u0642\u0639\u0627\u064b \u0686\u0647 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":12298,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-12297","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/12297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=12297"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/12297\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/12298"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=12297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=12297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=12297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}