{"id":288122,"date":"2018-08-16T16:35:02","date_gmt":"2018-08-16T12:35:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=288122"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=288122","title":{"rendered":"\u0418\u0432\u0430\u043d \u0422\u0443\u043b\u0443\u043f: \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0449\u0438\u043d\u0430 \u0432 JS \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c"},"content":{"rendered":"\n<div data-io-article-url=\"https:\/\/habr.com\/company\/oleg-bunin\/blog\/417461\/\" class=\"post__text post__text-html js-mediator-article\">\u0410\u00a0\u0432\u044b\u00a0\u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0441\u00a0\u0418\u0432\u0430\u043d\u043e\u043c \u0422\u0443\u043b\u0443\u043f\u043e\u043c? \u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e\u00a0\u0434\u0430, \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u00a0\u0435\u0449\u0435 \u043d\u0435\u00a0\u0437\u043d\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u0430\u00a0\u0447\u0435\u043b\u043e\u0432\u0435\u043a, \u0438\u00a0\u0447\u0442\u043e \u043e\u00a0\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 \u0435\u0433\u043e \u0441\u0435\u0440\u0434\u0435\u0447\u043d\u043e-\u0441\u043e\u0441\u0443\u0434\u0438\u0441\u0442\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043d\u0443\u0436\u043d\u043e \u043e\u0447\u0435\u043d\u044c \u0437\u0430\u0431\u043e\u0442\u0438\u0442\u044c\u0441\u044f.<\/p>\n<p>  \u041e\u0431\u00a0\u044d\u0442\u043e\u043c \u0438\u00a0\u043e\u00a0\u0442\u043e\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0449\u0438\u043d\u0430 \u0432\u00a0JS \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c, \u043a\u0430\u043a Event Loop \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0438\u00a0\u0432\u00a0Node.js, \u0435\u0441\u0442\u044c\u00a0\u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f\u00a0\u0438, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u043f\u043e\u0445\u043e\u0436\u0438\u0435 \u0432\u0435\u0449\u0438 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b <strong>\u041c\u0438\u0445\u0430\u0438\u043b \u0411\u0430\u0448\u0443\u0440\u043e\u0432<\/strong> (<a href=\"https:\/\/habr.com\/users\/saitonakamura\/\" class=\"user_link\">SaitoNakamura<\/a>) \u0432\u00a0\u0441\u0432\u043e\u0435\u043c \u0434\u043e\u043a\u043b\u0430\u0434\u0435 \u043d\u0430\u00a0\u0420\u0418\u0422++. \u0421\u00a0\u0443\u0434\u043e\u0432\u043e\u043b\u044c\u0441\u0442\u0432\u0438\u0435\u043c \u0434\u0435\u043b\u0438\u043c\u0441\u044f \u0441\u00a0\u0432\u0430\u043c\u0438 \u0440\u0430\u0441\u0448\u0438\u0444\u0440\u043e\u0432\u043a\u043e\u0439 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0437\u043d\u0430\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u044b\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/mv\/fj\/ah\/mvfjah-dahl8fndi-w8rt4qkbxw.jpeg\"><\/p>\n<p>  <strong>\u041e\u00a0\u0441\u043f\u0438\u043a\u0435\u0440\u0435:<\/strong> \u041c\u0438\u0445\u0430\u0438\u043b \u0411\u0430\u0448\u0443\u0440\u043e\u0432\u00a0\u2014 fullstack \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u0430\u00a0JS \u0438 .NET \u0438\u0437\u00a0Luxoft. \u041b\u044e\u0431\u0438\u0442 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439\u00a0UI, \u0437\u0435\u043b\u0435\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b, \u0442\u0440\u0430\u043d\u0441\u043f\u0438\u043b\u044f\u0446\u0438\u044e, \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044e, \u0442\u0435\u0445\u043d\u0438\u043a\u0443 compiler allowing \u0438\u00a0\u0443\u043b\u0443\u0447\u0448\u0430\u0442\u044c dev experience.<\/p>\n<p>  <strong>\u041e\u0442\u00a0\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430:<\/strong> \u0414\u043e\u043a\u043b\u0430\u0434 \u041c\u0438\u0445\u0430\u0438\u043b\u0430 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u043b\u0441\u044f \u043d\u0435\u00a0\u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043b\u0430\u0439\u0434\u0430\u043c\u0438, \u0430\u00a0\u0434\u0435\u043c\u043e-\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043d\u0430\u0436\u0438\u043c\u0430\u0442\u044c \u043d\u0430\u00a0\u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0438 \u0438\u00a0\u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0437\u0430\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c \u0442\u0430\u0441\u043e\u043a. \u041e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043a\u0440\u044b\u0442\u044c <a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/\">\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044e<\/a> \u0432\u00a0\u0441\u043e\u0441\u0435\u0434\u043d\u0435\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 \u0438\u00a0\u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438 \u043a\u00a0\u043d\u0435\u0439 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f, \u043d\u043e\u00a0\u0438\u00a0\u043f\u043e\u00a0\u0442\u0435\u043a\u0441\u0442\u0443 \u0431\u0443\u0434\u0443\u0442 \u0434\u0430\u043d\u044b \u043e\u0442\u0441\u044b\u043b\u043a\u0438 \u043d\u0430\u00a0\u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0410\u00a0\u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u0441\u043b\u043e\u0432\u043e \u0441\u043f\u0438\u043a\u0435\u0440\u0443, \u043f\u0440\u0438\u044f\u0442\u043d\u043e\u0433\u043e \u0447\u0442\u0435\u043d\u0438\u044f.<\/p>\n<div class=\"oembed\">\n<div>\n<div style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.2493%;\"><iframe src=\"https:\/\/www.youtube.com\/embed\/bUx8wk4LdoY?rel=0&amp;showinfo=1&amp;hl=en-US\" style=\"border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\" allowfullscreen scrolling=\"no\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p><a name=\"habracut\"><\/a>  <\/p>\n<h2>\u0414\u0435\u0434 \u0418\u0432\u0430\u043d \u0422\u0443\u043b\u0443\u043f<\/h2>\n<p>  \u0423\u00a0\u043c\u0435\u043d\u044f \u0431\u044b\u043b\u0430 \u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442\u0443\u0440\u0430 \u043d\u0430\u00a0\u0418\u0432\u0430\u043d\u0430 \u0422\u0443\u043b\u0443\u043f\u0430.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/hl\/8x\/lx\/hl8xlx_fubycz-ivega_hinmhp0.png\"><\/p>\n<p>  \u041d\u043e\u00a0\u044f\u00a0\u0440\u0435\u0448\u0438\u043b \u043f\u043e\u0439\u0442\u0438 \u0431\u043e\u043b\u0435\u0435 \u043a\u043e\u043d\u0444\u043e\u0440\u043c\u0438\u0441\u0442\u0441\u043a\u0438\u043c \u043f\u0443\u0442\u0435\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0439\u0442\u0435\u00a0\u2014 \u0434\u0435\u0434 \u0418\u0432\u0430\u043d \u0422\u0443\u043b\u0443\u043f!<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/qd\/jc\/dn\/qdjcdntndkzeyiuw3zpwt4vos74.png\"><\/p>\n<p>  \u041e\u00a0\u043d\u0435\u043c \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0432\u0435 \u0432\u0435\u0449\u0438:<\/p>\n<ol>\n<li>\u041e\u043d\u00a0\u043b\u044e\u0431\u0438\u0442 \u0438\u0433\u0440\u0430\u0442\u044c \u0432\u00a0\u043a\u0430\u0440\u0442\u044b.<\/li>\n<li>\u0423\u00a0\u043d\u0435\u0433\u043e, \u043a\u0430\u043a \u0438\u00a0\u0443\u00a0\u0432\u0441\u0435\u0445 \u043b\u044e\u0434\u0435\u0439, \u0435\u0441\u0442\u044c \u0441\u0435\u0440\u0434\u0446\u0435, \u0438\u00a0\u043e\u043d\u043e \u0431\u044c\u0435\u0442\u0441\u044f.<\/li>\n<\/ol>\n<p>  <\/p>\n<h2>\u0424\u0430\u043a\u0442\u044b \u043e\u0431\u00a0\u0438\u043d\u0444\u0430\u0440\u043a\u0442\u0435<\/h2>\n<p>  \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u044b\u00a0\u0441\u043b\u044b\u0448\u0430\u043b\u0438, \u0447\u0442\u043e \u0432\u00a0\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u0443\u0447\u0430\u0441\u0442\u0438\u043b\u0438\u0441\u044c \u0441\u043b\u0443\u0447\u0430\u0438 \u0441\u0435\u0440\u0434\u0435\u0447\u043d\u044b\u0445 \u0437\u0430\u0431\u043e\u043b\u0435\u0432\u0430\u043d\u0438\u0439 \u0438\u00a0\u0441\u043c\u0435\u0440\u0442\u043d\u043e\u0441\u0442\u0438 \u043e\u0442\u00a0\u043d\u0438\u0445. \u041d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u0441\u0430\u043c\u043e\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u043e\u0435 \u0441\u0435\u0440\u0434\u0435\u0447\u043d\u043e\u0435 \u0437\u0430\u0431\u043e\u043b\u0435\u0432\u0430\u043d\u0438\u0435\u00a0\u2014 \u044d\u0442\u043e \u0438\u043d\u0444\u0430\u0440\u043a\u0442, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u0441\u0435\u0440\u0434\u0435\u0447\u043d\u044b\u0439 \u043f\u0440\u0438\u0441\u0442\u0443\u043f.<\/p>\n<p>  \u0427\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e\u0433\u043e \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e \u043e\u0431\u00a0\u0438\u043d\u0444\u0430\u0440\u043a\u0442\u0435?<\/p>\n<ul>\n<li>\u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043e\u043d\u00a0\u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0443\u0442\u0440\u043e\u043c \u0432\u00a0\u043f\u043e\u043d\u0435\u0434\u0435\u043b\u044c\u043d\u0438\u043a.<\/li>\n<li>\u0423\u00a0\u043e\u0434\u0438\u043d\u043e\u043a\u0438\u0445 \u043b\u044e\u0434\u0435\u0439 \u0440\u0438\u0441\u043a \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u0438\u044f \u0438\u043d\u0444\u0430\u0440\u043a\u0442\u0430 \u0432\u00a0\u0434\u0432\u0430 \u0440\u0430\u0437 \u0432\u044b\u0448\u0435. \u0422\u0443\u0442, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0434\u0435\u043b\u043e \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u00a0\u043a\u043e\u0440\u0440\u0435\u043b\u044f\u0446\u0438\u0438, \u0430\u00a0\u043d\u0435\u00a0\u0432\u00a0\u043f\u0440\u0438\u0447\u0438\u043d\u043d\u043e-\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438. \u041a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e (\u0438\u043b\u0438 \u043a\u00a0\u0441\u0447\u0430\u0441\u0442\u044c\u044e), \u0442\u0435\u043c \u043d\u0435\u00a0\u043c\u0435\u043d\u0435\u0435, \u044d\u0442\u043e \u0442\u0430\u043a.<\/li>\n<li>\u0414\u0435\u0441\u044f\u0442\u044c \u0434\u0438\u0440\u0438\u0436\u0435\u0440\u043e\u0432 \u043f\u043e\u0433\u0438\u0431\u043b\u0438 \u043e\u0442\u00a0\u0438\u043d\u0444\u0430\u0440\u043a\u0442\u0430 \u0432\u043e\u00a0\u0432\u0440\u0435\u043c\u044f \u0434\u0438\u0440\u0438\u0436\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f (\u043f\u043e-\u0432\u0438\u0434\u0438\u043c\u043e\u043c\u0443, \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u0440\u0432\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430!).<\/li>\n<li>\u0418\u043d\u0444\u0430\u0440\u043a\u0442\u00a0\u2014 \u044d\u0442\u043e \u043d\u0435\u043a\u0440\u043e\u0437 \u0441\u0435\u0440\u0434\u0435\u0447\u043d\u043e\u0439 \u043c\u044b\u0448\u0446\u044b, \u0432\u044b\u0437\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u043e\u043c \u043f\u0440\u0438\u0442\u043e\u043a\u0430 \u043a\u0440\u043e\u0432\u0438.<\/li>\n<\/ul>\n<p>  \u0423\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043a\u043e\u0440\u043e\u043d\u0430\u0440\u043d\u0430\u044f \u0430\u0440\u0442\u0435\u0440\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0434\u0432\u043e\u0434\u0438\u0442 \u043a\u00a0\u043c\u044b\u0448\u0446\u0435 (\u043c\u0438\u043e\u043a\u0430\u0440\u0434\u0443) \u043a\u0440\u043e\u0432\u044c. \u0415\u0441\u043b\u0438 \u043a\u0440\u043e\u0432\u044c \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043a\u00a0\u043d\u0435\u0439 \u043f\u043b\u043e\u0445\u043e \u043f\u043e\u0441\u0442\u0443\u043f\u0430\u0442\u044c, \u043c\u044b\u0448\u0446\u0430 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u043e\u0442\u043c\u0438\u0440\u0430\u0435\u0442. \u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043d\u0430\u00a0\u0441\u0435\u0440\u0434\u0446\u0435 \u0438\u00a0\u043d\u0430\u00a0\u0435\u0433\u043e \u0440\u0430\u0431\u043e\u0442\u0443 \u044d\u0442\u043e \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043a\u0440\u0430\u0439\u043d\u0435 \u043d\u0435\u0433\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0432\u043e\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435.<\/p>\n<p>  \u0423\u00a0\u0434\u0435\u0434\u0430 \u0418\u0432\u0430\u043d\u0430 \u0422\u0443\u043b\u0443\u043f\u0430 \u0442\u043e\u0436\u0435 \u0435\u0441\u0442\u044c \u0441\u0435\u0440\u0434\u0446\u0435, \u0438\u00a0\u043e\u043d\u043e \u0431\u044c\u0435\u0442\u0441\u044f. \u041d\u043e\u00a0\u043d\u0430\u0448\u0435 \u0441\u0435\u0440\u0434\u0446\u0435 \u043a\u0430\u0447\u0430\u0435\u0442 \u043a\u0440\u043e\u0432\u044c, \u0430\u00a0\u0441\u0435\u0440\u0434\u0446\u0435 \u0418\u0432\u0430\u043d\u0430 \u0422\u0443\u043b\u0443\u043f\u0430 \u043a\u0430\u0447\u0430\u0435\u0442 \u043d\u0430\u0448 \u043a\u043e\u0434 \u0438\u00a0\u043d\u0430\u0448\u0438 \u0442\u0430\u0441\u043a\u0438.<\/p>\n<h2> \u0422\u0430\u0441\u043a\u0438: \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043a\u0440\u0443\u0433 \u043a\u0440\u043e\u0432\u043e\u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f<br \/>  <\/h2>\n<p>  \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0442\u0430\u0441\u043a\u0438? \u0427\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0442\u0430\u0441\u043a\u043e\u0439 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435? \u0417\u0430\u0447\u0435\u043c \u043e\u043d\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0443\u0436\u043d\u044b?<\/p>\n<p>  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u044b\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u043a\u043e\u0434 \u0438\u0437\u00a0\u0441\u043a\u0440\u0438\u043f\u0442\u0430. \u042d\u0442\u043e \u043e\u0434\u043d\u043e \u0431\u0438\u0435\u043d\u0438\u0435 \u0441\u0435\u0440\u0434\u0446\u0430, \u0438\u00a0\u0432\u043e\u0442 \u0443\u00a0\u043d\u0430\u0441 \u043f\u043e\u0448\u0435\u043b \u043a\u0440\u043e\u0432\u043e\u0442\u043e\u043a. \u041c\u044b\u00a0\u043d\u0430\u0436\u0430\u043b\u0438 \u043d\u0430\u00a0\u043a\u043d\u043e\u043f\u043a\u0443 \u0438\u00a0\u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430\u00a0\u0441\u043e\u0431\u044b\u0442\u0438\u0435\u00a0\u2014 \u0443\u00a0\u043d\u0430\u0441 \u0432\u044b\u043f\u043b\u044e\u043d\u0443\u043b\u0441\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u00a0\u2014 \u0442\u043e\u0442 Callback, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b\u00a0\u043f\u0435\u0440\u0435\u0434\u0430\u043b\u0438. \u041f\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 setTimeout, Callback \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u00a0\u2014 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0442\u0430\u0441\u043a\u0430. \u0418\u00a0\u0442\u0430\u043a \u043f\u043e\u00a0\u0447\u0430\u0441\u0442\u044f\u043c, \u043e\u0434\u043d\u043e \u0431\u0438\u0435\u043d\u0438\u0435 \u0441\u0435\u0440\u0434\u0446\u0430\u00a0\u2014 \u044d\u0442\u043e \u043e\u0434\u043d\u0430 \u0442\u0430\u0441\u043a\u0430.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/vz\/sb\/0z\/vzsb0znwotnkpldqmb2chhwblxs.png\"><\/p>\n<p>  \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0437\u043d\u044b\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432 \u0442\u0430\u0441\u043e\u043a, \u043f\u043e\u00a0\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0438\u0445\u00a0\u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e. \u041d\u0430\u0448\u0435 \u0441\u0435\u0440\u0434\u0446\u0435 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0431\u0438\u0442\u044c\u0441\u044f, \u0438\u00a0\u043f\u043e\u043a\u0430 \u043e\u043d\u043e \u0431\u044c\u0435\u0442\u0441\u044f, \u0443\u00a0\u043d\u0430\u0441 \u0432\u0441\u0435 \u0445\u043e\u0440\u043e\u0448\u043e.<\/p>\n<h3> Event Loop \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435: \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f<br \/>  <\/h3>\n<p>  \u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043d\u0430\u00a0\u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/hy\/zf\/2p\/hyzf2pktcyzag0oroich978odpa.png\"><\/p>\n<ul>\n<li>\u0415\u0441\u0442\u044c \u0442\u0430\u0441\u043a\u0430, \u043c\u044b\u00a0\u0435\u0435\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043b\u0438.<\/li>\n<li>\u0417\u0430\u0442\u0435\u043c \u043c\u044b\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440.<\/li>\n<\/ul>\n<p>  \u041d\u043e\u00a0\u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u044d\u0442\u043e \u043d\u0435\u00a0\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432\u00a0\u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u043c\u043e\u0436\u0435\u0442 \u043d\u0435\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0440\u0435\u043d\u0434\u0435\u0440 \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u0442\u0430\u0441\u043a\u0430\u043c\u0438.<\/p>\n<p>  \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0442\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u0440\u0435\u0448\u0438\u0442\u044c \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0430\u0439\u043c\u0430\u0443\u0442\u043e\u0432 \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438. \u0418\u043b\u0438 \u0432\u00a0\u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043c\u043e\u043c\u0435\u043d\u0442 \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u0439\u0434\u0435\u0442 \u043d\u0435\u00a0\u0442\u0430\u043a, \u0438\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0440\u0435\u0448\u0438\u0442 \u0432\u043c\u0435\u0441\u0442\u043e 60\u00a0fps (\u043e\u0431\u044b\u0447\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u043e\u0442\u0430 \u043a\u0430\u0434\u0440\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0448\u043b\u043e \u043a\u043b\u0430\u0441\u0441\u043d\u043e \u0438\u00a0\u043f\u043b\u0430\u0432\u043d\u0435\u043d\u044c\u043a\u043e) \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c 30\u00a0fps. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0443\u00a0\u043d\u0435\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043a\u043e\u0434\u0430 \u0438\u00a0\u0434\u0440\u0443\u0433\u043e\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b, \u043e\u043d\u00a0\u0441\u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0430\u0441\u043e\u043a.<\/p>\n<p>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0435\u043d\u0434\u0435\u0440 \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043d\u0435\u00a0\u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u043b\u0435 \u043a\u0430\u0436\u0434\u043e\u0439 \u0442\u0430\u0441\u043a\u0438.<\/p>\n<h3> \u0422\u0430\u0441\u043a\u0438: \u043a\u043b\u0430\u0441\u0441\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f<br \/>  <\/h3>\n<p>  \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u0432\u0430 \u0442\u0438\u043f\u0430 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439:<\/p>\n<ol>\n<li>I\/O bound;<\/li>\n<li>CPU bound.<\/li>\n<\/ol>\n<p>  <strong>CPU bound<\/strong>\u00a0\u2014 \u044d\u0442\u043e \u043d\u0430\u0448\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u044b\u00a0\u0434\u0435\u043b\u0430\u0435\u043c (\u0441\u0447\u0438\u0442\u0430\u0435\u043c, \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u043d\u0430\u00a0\u044d\u043a\u0440\u0430\u043d \u0438\u00a0\u0442.\u0434.)<\/p>\n<p>  <strong>I\/O bound<\/strong>\u00a0\u2014 \u044d\u0442\u043e \u0442\u0435\u00a0\u0442\u043e\u0447\u043a\u0438, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u043d\u0430\u0448\u0438 \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c:<\/p>\n<ul>\n<li>\u0422\u0430\u0439\u043c\u0430\u0443\u0442.<\/li>\n<\/ul>\n<p>\u041c\u044b\u00a0\u0441\u0434\u0435\u043b\u0430\u043b\u0438 setTimeout 5000\u00a0\u043c\u0441, \u0438\u00a0\u044d\u0442\u0438 5000\u00a0\u043c\u0441 \u043c\u044b\u00a0\u043f\u0440\u043e\u0441\u0442\u043e \u0436\u0434\u0435\u043c, \u0430\u00a0\u043c\u043e\u0436\u0435\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0434\u0440\u0443\u0433\u0443\u044e \u043f\u043e\u043b\u0435\u0437\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443. \u0422\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u044d\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u0439\u0434\u0435\u0442, \u043c\u044b\u00a0\u0434\u043e\u0441\u0442\u0430\u043d\u0435\u043c Callback, \u0438\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0443 \u0432\u00a0\u043d\u0435\u043c.<\/p>\n<ul>\n<li>xhr\u00a0\/ fetch.<\/li>\n<\/ul>\n<p>\u041c\u044b\u00a0\u043f\u043e\u0448\u043b\u0438 \u0432\u00a0\u0441\u0435\u0442\u044c. \u041f\u043e\u043a\u0430 \u043c\u044b\u00a0\u0436\u0434\u0435\u043c \u043e\u0442\u0432\u0435\u0442\u0430 \u043e\u0442\u00a0\u0441\u0435\u0442\u0438, \u043c\u044b\u00a0\u043f\u0440\u043e\u0441\u0442\u043e \u0436\u0434\u0435\u043c, \u043d\u043e\u00a0\u043c\u043e\u0436\u0435\u043c \u0438\u00a0\u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u0434\u0435\u043b\u0430\u0442\u044c.<\/p>\n<ul>\n<li>\u0421\u0435\u0442\u044c (\u0431\u0434).<\/li>\n<\/ul>\n<p>\u0418\u043b\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u044b\u00a0\u0445\u043e\u0434\u0438\u043c \u0432\u00a0\u0441\u0435\u0442\u044c Network BD. \u041c\u044b\u00a0\u0436\u0435 \u0438\u00a0\u043f\u0440\u043e Node.js \u0433\u043e\u0432\u043e\u0440\u0438\u043c, \u0432\u00a0\u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435, \u0438, \u0435\u0441\u043b\u0438 \u043c\u044b\u00a0\u0445\u043e\u0442\u0438\u043c \u0438\u0437\u00a0Node.js \u043f\u043e\u0439\u0442\u0438 \u043a\u0443\u0434\u0430-\u0442\u043e \u0432\u00a0\u0441\u0435\u0442\u044c \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430\u00a0\u2014 \u044d\u0442\u043e \u0442\u0430\u043a\u0430\u044f\u00a0\u0436\u0435 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f I\/O bound \u0437\u0430\u0434\u0430\u0447\u0430 (input\/output).<\/p>\n<ul>\n<li>\u0424\u0430\u0439\u043b. <\/li>\n<\/ul>\n<p>\u041f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0444\u0430\u0439\u043b\u00a0\u2014 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u044d\u0442\u043e \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435\u00a0CPU bound \u0442\u0430\u0441\u043a\u0430. \u0412\u00a0Node.js \u043e\u043d\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0432\u00a0thread pool \u0438\u0437-\u0437\u0430 \u043d\u0435\u043c\u043d\u043e\u0436\u043a\u043e \u043a\u0440\u0438\u0432\u043e\u0433\u043e API \u0443\u00a0Linux, \u0435\u0441\u043b\u0438 \u0431\u044b\u0442\u044c \u0447\u0435\u0441\u0442\u043d\u044b\u043c.<\/p>\n<p>  \u0422\u043e\u0433\u0434\u0430 CPUbound \u044d\u0442\u043e:<\/p>\n<ul>\n<li>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b\u00a0\u0434\u0435\u043b\u0430\u0435\u043c \u0446\u0438\u043a\u043b for of\u00a0\/ for (;;) \u0438\u043b\u0438 \u043f\u043e\u00a0\u043c\u0430\u0441\u0441\u0438\u0432\u0443 \u043a\u0430\u043a-\u0442\u043e \u0435\u0449\u0435 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u0441\u044f: filter, map \u0438\u00a0\u043f\u0440..<\/li>\n<li>JSON.parse \u0438\u043b\u0438 JSON.stringify, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u00a0\/ \u0434\u0435\u0441\u0435\u0440\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0439. \u042d\u0442\u043e \u0432\u0441\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0430\u00a0CPU, \u043c\u044b\u00a0\u043d\u0435\u00a0\u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u0436\u0434\u0430\u0442\u044c, \u043f\u043e\u043a\u0430 \u0432\u0441\u0435 \u044d\u0442\u043e \u0433\u0434\u0435-\u0442\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c.<\/li>\n<li>\u041f\u043e\u0434\u0441\u0447\u0435\u0442 \u0445\u044d\u0448\u0435\u0439, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u0430\u0439\u043d\u0438\u043d\u0433 \u043a\u0440\u0438\u043f\u0442\u044b.<\/li>\n<\/ul>\n<p>  \u041a\u043e\u043d\u0435\u0447\u043d\u043e, \u043a\u0440\u0438\u043f\u0442\u0443 \u043c\u043e\u0436\u043d\u043e \u043c\u0430\u0439\u043d\u0438\u0442\u044c \u0438\u00a0\u043d\u0430\u00a0GPU, \u043d\u043e\u00a0\u044f\u00a0\u0434\u0443\u043c\u0430\u044e\u00a0\u2014 GPU, CPU\u00a0\u2014 \u0432\u044b\u00a0\u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u044d\u0442\u0443 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u044e.<\/p>\n<h3>\u0422\u0430\u0441\u043a\u0438: \u0430\u0440\u0438\u0442\u043c\u0438\u044f \u0438\u00a0\u0442\u0440\u043e\u043c\u0431<\/h3>\n<p>  \u0412\u00a0\u0438\u0442\u043e\u0433\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043d\u0430\u0448\u0435 \u0441\u0435\u0440\u0434\u0446\u0435 \u0431\u044c\u0435\u0442\u0441\u044f: \u043e\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u043e\u0434\u043d\u0443 \u0442\u0430\u0441\u043a\u0443, \u0432\u0442\u043e\u0440\u0443\u044e, \u0442\u0440\u0435\u0442\u044c\u044e\u00a0\u2014 \u0434\u043e\u00a0\u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u043c\u044b\u00a0\u0447\u0442\u043e-\u0442\u043e \u043d\u0435\u00a0\u0434\u0435\u043b\u0430\u0435\u043c \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u044b\u00a0\u043f\u0440\u043e\u0445\u043e\u0434\u0438\u043c\u0441\u044f \u043f\u043e\u00a0\u043c\u0430\u0441\u0441\u0438\u0432\u0443 \u0438\u0437\u00a01\u00a0\u043c\u043b\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438\u00a0\u0441\u0447\u0438\u0442\u0430\u0435\u043c \u0441\u0443\u043c\u043c\u0443. \u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c\u00a0\u0431\u044b, \u044d\u0442\u043e \u043d\u0435\u00a0\u0442\u0430\u043a \u0441\u043b\u043e\u0436\u043d\u043e, \u043d\u043e\u00a0\u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043d\u044f\u0442\u044c \u043e\u0449\u0443\u0442\u0438\u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f. \u0415\u0441\u043b\u0438 \u043c\u044b\u00a0\u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u043c \u043e\u0449\u0443\u0442\u0438\u043c\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u043d\u0435\u00a0\u043e\u0442\u043f\u0443\u0441\u043a\u0430\u044f \u0442\u0430\u0441\u043a\u0443, \u0443\u00a0\u043d\u0430\u0441 \u0440\u0435\u043d\u0434\u0435\u0440 \u043d\u0435\u00a0\u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f. \u041e\u043d\u00a0\u0437\u0430\u0432\u0438\u0441 \u0432\u00a0\u044d\u0442\u043e\u0439 \u0442\u0430\u0441\u043a\u0435, \u0438\u00a0\u0432\u0441\u0435\u00a0\u2014 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0430\u0440\u0438\u0442\u043c\u0438\u044f.<\/p>\n<p>  \u0414\u0443\u043c\u0430\u044e, \u0447\u0442\u043e \u0432\u0441\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442, \u0447\u0442\u043e \u0430\u0440\u0438\u0442\u043c\u0438\u044f\u00a0\u2014 \u044d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u043e\u0435 \u0441\u0435\u0440\u0434\u0435\u0447\u043d\u043e\u0435 \u0437\u0430\u0431\u043e\u043b\u0435\u0432\u0430\u043d\u0438\u0435. \u041d\u043e\u00a0\u0441\u00a0\u043d\u0438\u043c \u0435\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u0436\u0438\u0442\u044c. \u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442, \u0435\u0441\u043b\u0438 \u0432\u044b\u00a0\u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0442\u0430\u043a\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0432\u0435\u0441\u0438\u0442 \u0432\u0435\u0441\u044c Event Loop \u0432\u00a0\u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0446\u0438\u043a\u043b? \u0412\u044b\u00a0\u043a\u0430\u043a\u00a0\u0431\u044b \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0442\u0440\u043e\u043c\u0431 \u0432\u00a0\u043a\u043e\u0440\u043e\u043d\u0430\u0440\u043d\u0443\u044e \u0438\u043b\u0438 \u0435\u0449\u0435 \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0430\u0440\u0442\u0435\u0440\u0438\u044e, \u0438\u00a0\u0432\u0441\u0435 \u0441\u0442\u0430\u043d\u0435\u0442 \u0441\u043e\u0432\u0441\u0435\u043c \u043f\u0435\u0447\u0430\u043b\u044c\u043d\u043e. \u041a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043d\u0430\u0448 \u0434\u0435\u0434\u0443\u0448\u043a\u0430 \u0418\u0432\u0430\u043d \u0422\u0443\u043b\u0443\u043f \u043f\u043e\u0433\u0438\u0431\u043d\u0435\u0442.<\/p>\n<h3> \u0412\u043e\u0442 \u0438\u00a0\u043f\u043e\u043c\u0435\u0440 \u0434\u0435\u0434 \u0418\u0432\u0430\u043d\u2026<br \/>  <\/h3>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/8t\/nq\/gc\/8tnqgc8lygwpsdvts0b3xpqgtta.png\"><\/p>\n<p>  \u0414\u043b\u044f \u043d\u0430\u0441 \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0437\u0430\u0432\u0438\u0441\u043d\u0435\u0442 \u0432\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u044f \u0432\u043a\u043b\u0430\u0434\u043a\u0430\u00a0\u2014 \u043d\u0435\u043b\u044c\u0437\u044f \u0431\u0443\u0434\u0435\u0442 \u043a\u043b\u0438\u043a\u043d\u0443\u0442\u044c \u043d\u0438\u00a0\u043d\u0430\u00a0\u0447\u0442\u043e, \u0430\u00a0\u043f\u043e\u0442\u043e\u043c Chrome \u0441\u043a\u0430\u0436\u0435\u0442: \u00abAw, Snap!\u00bb<\/p>\n<p>  \u042d\u0442\u043e \u0434\u0430\u0436\u0435 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0445\u0443\u0436\u0435 \u0431\u0430\u0433\u043e\u0432 \u043d\u0430\u00a0\u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0435, \u043a\u043e\u0433\u0434\u0430 \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u0448\u043b\u043e \u043d\u0435\u00a0\u0442\u0430\u043a. \u041d\u043e\u00a0\u0435\u0441\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u043b\u043e, \u0434\u0430\u00a0\u0435\u0449\u0435, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, CPU \u043d\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u043e \u0438\u00a0\u0443\u00a0\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0432\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u0435 \u043f\u043e\u0432\u0435\u0441\u0438\u043b\u043e\u0441\u044c, \u0442\u043e\u00a0\u043e\u043d, \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u043d\u0430\u00a0\u0432\u0430\u0448 \u0441\u0430\u0439\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u00a0\u043f\u043e\u0439\u0434\u0435\u0442.<\/p>\n<p>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0434\u0435\u044f \u0442\u0430\u043a\u0430\u044f: \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u0430\u0441\u043a\u0430, \u0438\u00a0\u043d\u0430\u043c \u043d\u0435\u00a0\u043d\u0443\u0436\u043d\u043e \u0432\u00a0\u044d\u0442\u043e\u0439 \u0442\u0430\u0441\u043a\u0435 \u0437\u0430\u0432\u0438\u0441\u0430\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u0434\u043e\u043b\u0433\u043e. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0435\u0451\u00a0\u043e\u0442\u043f\u0443\u0441\u0442\u0438\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440, \u0435\u0441\u043b\u0438 \u0447\u0442\u043e, \u0441\u043c\u043e\u0433 \u043e\u0442\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c (\u0435\u0441\u043b\u0438 \u0437\u0430\u0445\u043e\u0447\u0435\u0442). \u0415\u0441\u043b\u0438 \u043d\u0435\u00a0\u0437\u0430\u0445\u043e\u0447\u0435\u0442\u00a0\u2014 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e, \u043f\u043b\u044f\u0448\u0435\u043c!<\/p>\n<h2> \u0414\u0435\u043c\u043e \u0424\u0438\u043b\u0438\u043f\u0430 \u0420\u043e\u0431\u0435\u0440\u0442\u0441\u0430: Loupe by\u00a0Philip Roberts<br \/>  <\/h2>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c <a href=\"http:\/\/latentflip.com\/loupe\/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIGNvbnNvbGUubG9nKCdjbGljaycpOyAgICAKfSk7CgpzZXRUaW1lb3V0KGZ1bmN0aW9uIHRpbWVvdXQoKSB7CiAgICBjb25zb2xlLmxvZygidGltZW91dCIpOwp9LCA1MDAwKTsKCmNvbnNvbGUubG9nKCJIZWxsbyB3b3JsZCIpOw%3D%3D!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D\">\u043f\u0440\u0438\u043c\u0435\u0440<\/a>:<\/p>\n<pre><code class=\"javascript\">$.on(\u2019button', \u2018click', function onClick(){  console.log('click'); });   setTimeout(function timeout() { console log(\"timeout\"); }. 5000);   console.log(\u201cHello world\"); <\/code><\/pre>\n<p>  \u0421\u0443\u0442\u044c \u0442\u0430\u043a\u0430\u044f: \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0430, \u043c\u044b\u00a0\u043d\u0430\u00a0\u043d\u0435\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f (addEventListener), \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f Timeout \u043d\u0430\u00a05\u00a0\u0441 \u0438\u00a0\u0441\u0440\u0430\u0437\u0443 \u0432\u00a0console.log \u043f\u0438\u0448\u0435\u043c \u00abHello, world!\u00bb, \u0432\u00a0setTimeout \u043f\u0438\u0448\u0435\u043c Timeout, \u0432\u00a0onClick \u043f\u0438\u0448\u0435\u043c Click.<\/p>\n<p>  \u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442, \u0435\u0441\u043b\u0438 \u043c\u044b\u00a0\u044d\u0442\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u0438\u00a0\u043c\u043d\u043e\u0433\u043e \u0440\u0430\u0437 \u043d\u0430\u00a0\u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0443 \u043f\u043e\u043a\u043b\u0438\u043a\u0430\u0435\u043c\u00a0\u2014 \u043a\u043e\u0433\u0434\u0430 Timeout \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f? \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0434\u0435\u043c\u043e:<\/p>\n<div class=\"oembed\">\n<div>\n<div style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.2493%;\"><iframe src=\"https:\/\/www.youtube.com\/embed\/bUx8wk4LdoY?rel=0&amp;showinfo=1&amp;start=534&amp;hl=en-US\" style=\"border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\" allowfullscreen scrolling=\"no\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<p>  \u041a\u043e\u0434 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f, \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043d\u0430\u00a0\u0441\u0442\u0435\u043a, Timeout \u0438\u0434\u0435\u0442. \u0422\u0435\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c \u043c\u044b\u00a0\u043f\u043e\u043a\u043b\u0438\u043a\u0430\u043b\u0438 \u043d\u0430\u00a0\u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0443. \u0412\u043d\u0438\u0437\u0443 \u0432\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u043e\u0441\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0439. \u041f\u043e\u043a\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f Click, Timeout \u0436\u0434\u0435\u0442, \u0445\u043e\u0442\u044f 5\u00a0\u0441 \u0443\u0436\u0435 \u043f\u0440\u043e\u0448\u043b\u043e.<\/p>\n<p>  \u0417\u0434\u0435\u0441\u044c onClick \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0431\u044b\u0441\u0442\u0440\u043e, \u043d\u043e\u00a0\u0435\u0441\u043b\u0438 \u0432\u044b\u00a0\u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0431\u043e\u043b\u0435\u0435 \u0434\u043e\u043b\u0433\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443, \u0442\u043e\u00a0\u0432\u043e\u043e\u0431\u0449\u0435 \u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u043d\u0435\u0442, \u043a\u0430\u043a \u0443\u0436\u0435 \u0431\u044b\u043b\u043e \u0432\u044b\u044f\u0441\u043d\u0435\u043d\u043e \u0440\u0430\u043d\u0435\u0435. \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440. \u0417\u0434\u0435\u0441\u044c \u043e\u0434\u043d\u0430 \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u0430\u00a0\u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0432\u0441\u0435 \u043d\u0435\u00a0\u0442\u0430\u043a.<\/p>\n<p>  \u0412\u00a0\u043a\u0430\u043a\u043e\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u044f\u00a0\u2014 \u0447\u0442\u043e \u043e\u0431\u00a0\u044d\u0442\u043e\u043c \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f HTML?<\/p>\n<p>  \u041e\u043d\u0430 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435: \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c 2\u00a0\u043f\u043e\u043d\u044f\u0442\u0438\u044f:<\/p>\n<ol>\n<li>task source;<\/li>\n<li>task queue.<\/li>\n<\/ol>\n<p>  Task source\u00a0\u2014 \u044d\u0442\u043e \u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0442\u0438\u043f \u0437\u0430\u0434\u0430\u0447. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c User interaction, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c onClick, onChange\u00a0\u2014 \u0447\u0442\u043e-\u0442\u043e, \u0441\u00a0\u0447\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442; \u0438\u043b\u0438 \u0442\u0430\u0439\u043c\u0435\u0440\u044b, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c setTimeout \u0438\u00a0setInterval, \u0438\u043b\u0438 PostMessages; \u0438\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0434\u0438\u043a\u0438\u0435 \u0442\u0438\u043f\u0430 Canvas Blob Serialization task source\u00a0\u2014 \u0442\u043e\u0436\u0435 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0438\u043f.<\/p>\n<p>  \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0433\u043e\u0432\u043e\u0440\u0438\u0442, \u0447\u0442\u043e \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u00a0\u0442\u043e\u0433\u043e\u00a0\u0436\u0435 task source \u0437\u0430\u0434\u0430\u0447\u0438 \u0431\u0443\u0434\u0443\u0442 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u0432\u00a0\u043f\u043e\u0440\u044f\u0434\u043a\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u0414\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435\u00a0\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e task queue \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e. \u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u0430\u043c \u0440\u0435\u0448\u0430\u0435\u0442, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438\u0445\u00a0\u0431\u0443\u0434\u0435\u0442. \u0421\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e task queue \u0438\u00a0\u0438\u0445\u00a0\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0435\u00a0\u0438\u043b\u0438 \u0438\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\n<h3> \u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u0438\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u0437\u0430\u0434\u0430\u0447<br \/>  <\/h3>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/xv\/fu\/s9\/xvfus9kn-18e_oxy00s_xwm6vdq.png\"><\/p>\n<p>  \u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0447\u0442\u043e \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c 3\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u0438:<\/p>\n<ol>\n<li>user interaction;<\/li>\n<li>timeouts;<\/li>\n<li>post messages.<\/li>\n<\/ol>\n<p>  \u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0434\u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c \u0442\u0430\u0441\u043a\u0438 \u0438\u0437\u00a0\u044d\u0442\u0438\u0445 \u043e\u0447\u0435\u0440\u0435\u0434\u0435\u0439:<\/p>\n<ul>\n<li> \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u043d\u00a0\u0431\u0435\u0440\u0435\u0442 <strong>onFocus<\/strong> user interaction\u00a0\u2014 \u044d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u0432\u0430\u0436\u043d\u043e\u00a0\u2014 \u043e\u0434\u043d\u043e \u0431\u0438\u0435\u043d\u0438\u0435 \u0441\u0435\u0440\u0434\u0446\u0430 \u0443\u00a0\u043d\u0430\u0441 \u043f\u043e\u0448\u043b\u043e.   <\/li>\n<li> \u041f\u043e\u0442\u043e\u043c \u043e\u043d\u00a0\u0431\u0435\u0440\u0435\u0442 <strong>postMessages<\/strong>\u00a0\u2014 \u0445\u043e\u0440\u043e\u0448\u043e, postMessages \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u0439, \u043a\u043b\u0430\u0441\u0441\u043d\u043e!   <\/li>\n<li> \u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439\u00a0\u2014 <strong>onChange<\/strong>\u00a0\u2014 \u0442\u043e\u0436\u0435 \u0441\u043d\u043e\u0432\u0430 \u0438\u0437\u00a0user interaction \u0432\u00a0\u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u0435.   <\/li>\n<li> \u0414\u0430\u043b\u044c\u0448\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f <strong>onClick<\/strong>. \u041e\u0447\u0435\u0440\u0435\u0434\u044c user interaction \u043d\u0430\u00a0\u044d\u0442\u043e\u043c \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0430\u0441\u044c, \u043c\u044b\u00a0\u0432\u044b\u0432\u0435\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e.   <\/li>\n<li> \u041f\u043e\u0442\u043e\u043c \u0431\u0435\u0440\u0435\u043c <strong>setInterval<\/strong>, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c postMessages.   <\/li>\n<li> <strong>setTimeout \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u044b\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c<\/strong>. \u041e\u043d\u00a0\u0431\u044b\u043b \u0433\u0434\u0435-\u0442\u043e \u0432\u00a0\u043a\u043e\u043d\u0446\u0435 \u043e\u0447\u0435\u0440\u0435\u0434\u0438.   <\/li>\n<\/ul>\n<p>  \u042d\u0442\u043e \u043e\u043f\u044f\u0442\u044c \u0442\u043e\u0436\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u0438, \u043a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, <strong>\u043d\u0438\u043a\u0442\u043e \u043d\u0435\u00a0\u043c\u043e\u0436\u0435\u0442 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u043a\u0430\u043a \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445<\/strong>, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d\u0438 \u0441\u0430\u043c\u0438 \u0432\u0441\u0435 \u044d\u0442\u043e \u0440\u0435\u0448\u0430\u044e\u0442. \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0430\u043c\u0438\u043c \u044d\u0442\u043e \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0435\u0441\u043b\u0438 \u0432\u044b\u00a0\u0445\u043e\u0442\u0438\u0442\u0435 \u0432\u044b\u044f\u0441\u043d\u0438\u0442\u044c, \u0447\u0442\u043e \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0435.<\/p>\n<p>  \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, postMessages \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u0435\u0435, \u0447\u0435\u043c setTimeout. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u044b\u00a0\u0441\u043b\u044b\u0448\u0430\u043b\u0438 \u043e\u00a0\u0442\u0430\u043a\u043e\u0439 \u0448\u0442\u0443\u043a\u0435, \u043a\u0430\u043a setImmediate, \u043a\u043e\u0442\u043e\u0440\u0430\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445\u00a0IE \u0431\u044b\u043b\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0442\u0438\u0432\u043d\u0430\u044f. \u041d\u043e\u00a0\u0435\u0441\u0442\u044c \u043f\u043e\u043b\u0438\u0444\u0438\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u044b \u0432\u00a0\u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u043d\u0435\u00a0\u043d\u0430\u00a0setTimeout, \u0430\u00a0\u043d\u0430\u00a0\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043a\u0430\u043d\u0430\u043b\u0430 postMessages \u0438\u00a0\u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u043d\u0438\u0438 \u043d\u0430\u00a0\u043d\u0435\u0433\u043e. \u042d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u00a0\u0446\u0435\u043b\u043e\u043c \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u044d\u0442\u043e \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0437\u0438\u0440\u0443\u044e\u0442.<\/p>\n<p>  \u0425\u043e\u0440\u043e\u0448\u043e, \u044d\u0442\u0438 \u0442\u0430\u0441\u043a\u0438 \u0443\u00a0\u043d\u0430\u0441 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f. \u0412\u00a0\u043a\u0430\u043a\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u044b\u00a0\u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u043d\u0430\u0448\u0443 \u0442\u0430\u0441\u043a\u0443 \u0438\u00a0\u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u043c \u0432\u0437\u044f\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e, \u0438\u043b\u0438 \u0447\u0442\u043e \u043c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u043e\u0442\u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442\u044c?<\/p>\n<h3>\u0421\u0442\u0435\u043a<\/h3>\n<p>  \u0421\u0442\u0435\u043a\u00a0\u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u043e\u00a0\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0443 \u00ablast in\u00a0\u2014 first out\u00bb, \u0442.\u0435. \u00ab\u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u043b\u00a0\u2014 \u0435\u0433\u043e\u00a0\u0436\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0430\u0435\u0448\u044c\u00bb <strong>. <\/strong>\u0421\u0430\u043c\u044b\u0439 \u0431\u043b\u0438\u0437\u043a\u0438\u0439, \u043d\u0430\u0432\u0435\u0440\u043d\u043e, \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u043e\u0433\u00a0\u2014 \u044d\u0442\u043e \u043a\u043e\u043b\u043e\u0434\u0430 \u043a\u0430\u0440\u0442. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u0448 \u0434\u0435\u0434 \u0418\u0432\u0430\u043d \u0422\u0443\u043b\u0443\u043f \u043b\u044e\u0431\u0438\u0442 \u0438\u0433\u0440\u0430\u0442\u044c \u0432\u00a0\u043a\u0430\u0440\u0442\u044b.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/5b\/03\/dh\/5b03dh5di0r9oktsyvekmflkey4.png\"><\/p>\n<p>  \u0412\u044b\u0448\u0435 \u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043a\u043e\u0434, \u044d\u0442\u043e\u0442 \u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0442\u044b\u043a\u0430\u0442\u044c \u0432 <a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/#12\">\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/a>. \u0412 \u043a\u0430\u043a\u043e\u043c-\u0442\u043e \u043c\u0435\u0441\u0442\u0435 \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c handleClick, \u0432\u0432\u043e\u0434\u0438\u043c console.log, \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c showPopup \u0438 window. confirm. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0435\u043a.<\/p>\n<ul>\n<li>\u0418\u0442\u0430\u043a, \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043c\u044b\u00a0\u0431\u0435\u0440\u0435\u043c handleClick \u0438\u00a0\u043a\u043b\u0430\u0434\u0435\u043c \u0432\u00a0\u0441\u0442\u0435\u043a \u0432\u044b\u0437\u043e\u0432 \u044d\u0442\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438\u00a0\u2014 \u043e\u0442\u043b\u0438\u0447\u043d\u043e!<\/li>\n<li>\u041f\u043e\u0442\u043e\u043c \u043c\u044b\u00a0\u0437\u0430\u0445\u043e\u0434\u0438\u043c \u0432\u00a0\u0435\u0433\u043e \u0442\u0435\u043b\u043e \u0438\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0435\u0433\u043e.<\/li>\n<li>\u041a\u043b\u0430\u0434\u0435\u043c \u043d\u0430\u00a0\u0441\u0442\u0435\u043a console.log, \u0438\u00a0\u0442\u0443\u0442\u00a0\u0436\u0435 \u0435\u0433\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0434\u043b\u044f \u0435\u0433\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0432\u0441\u0435 \u0435\u0441\u0442\u044c.<\/li>\n<li>\u0414\u0430\u043b\u0435\u0435 \u043c\u044b\u00a0\u043a\u043b\u0430\u0434\u0435\u043c showConfirm\u00a0\u2014 \u044d\u0442\u043e \u0432\u044b\u0437\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438\u00a0\u2014 \u043e\u0442\u043b\u0438\u0447\u043d\u043e.<\/li>\n<li>\u041f\u043e\u043b\u043e\u0436\u0438\u043b\u0438 \u0432\u00a0\u0441\u0442\u0435\u043a \u0444\u0443\u043d\u043a\u0446\u0438\u0438\u00a0\u2014 \u043a\u043b\u0430\u0434\u0435\u043c \u0435\u0435\u00a0\u0442\u0435\u043b\u043e, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c window.confirm.<\/li>\n<\/ul>\n<p>  \u0411\u043e\u043b\u044c\u0448\u0435 \u0443\u00a0\u043d\u0430\u0441 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435\u0442\u00a0\u2014 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c. \u0412\u044b\u0432\u0435\u0434\u0435\u0442\u0441\u044f \u043e\u043a\u043e\u0448\u0435\u0447\u043a\u043e: \u00ab\u0412\u044b\u00a0\u0443\u0432\u0435\u0440\u0435\u043d\u044b?\u00bb, \u043d\u0430\u0436\u043c\u0435\u043c \u043d\u0430\u00a0\u00ab\u0414\u0430\u00bb, \u0438\u00a0\u0432\u0441\u0435 \u0443\u0439\u0434\u0435\u0442 \u0441\u043e\u00a0\u0441\u0442\u0435\u043a\u0430. \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b\u00a0\u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0442\u0435\u043b\u043e showConfirm \u0438\u00a0\u0442\u0435\u043b\u043e handleClick. \u041d\u0430\u0448 \u0441\u0442\u0435\u043a \u043e\u0447\u0438\u0441\u0442\u0438\u043b\u0441\u044f \u0438\u00a0\u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u044c \u043a\u00a0\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435. \u0412\u043e\u043f\u0440\u043e\u0441: \u0445\u043e\u0440\u043e\u0448\u043e, \u044f\u00a0\u0442\u0435\u043f\u0435\u0440\u044c \u0437\u043d\u0430\u044e, \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u0432\u0441\u0435 \u043d\u0430\u00a0\u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u043a\u0443\u0441\u043e\u0447\u043a\u0438. \u041a\u0430\u043a \u043c\u043d\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u00a0\u0441\u0430\u043c\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0440\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435?<\/p>\n<h3>\u0420\u0430\u0437\u0431\u0438\u0435\u043d\u0438\u0435 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u043d\u0430\u00a0\u0447\u0430\u043d\u043a\u0438 \u0438\u00a0\u0438\u0445\u00a0\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/h3>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0441\u0430\u043c\u044b\u0439 \u00ab\u0432\u00a0\u043b\u043e\u0431\u00bb \u043f\u0440\u0438\u043c\u0435\u0440. \u0421\u0440\u0430\u0437\u0443 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0430\u044e: \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435\u00a0\u043f\u044b\u0442\u0430\u0439\u0442\u0435\u0441\u044c \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c \u044d\u0442\u043e \u0434\u043e\u043c\u0430\u00a0\u2014 \u043e\u043d\u00a0\u043d\u0435\u00a0\u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442\u0441\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/on\/a4\/kz\/ona4kz7lojjan82vfis4dkoxvh0.png\"><\/p>\n<p>  \u0423\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u043e\u0439-\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043c\u0430\u0441\u0441\u0438\u0432, \u0438\u00a0\u043c\u044b\u00a0\u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u00a0\u043d\u0435\u043c\u0443 \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u0441\u0447\u0438\u0442\u0430\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0440\u0430\u0441\u043f\u0430\u0440\u0441\u0438\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0431\u0438\u043d\u0430\u0440\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435. \u041c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430\u00a0\u0447\u0430\u043d\u043a\u0438: \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u0443\u0441\u043e\u0447\u0435\u043a, \u044d\u0442\u043e\u0442 \u0438\u00a0\u044d\u0442\u043e\u0442. \u0412\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0440 \u0447\u0430\u043d\u043a\u0430, \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c, 10\u00a0\u0442\u044b\u0441\u044f\u0447 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0441\u0447\u0438\u0442\u0430\u0435\u043c, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u00a0\u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0447\u0430\u043d\u043a\u043e\u0432. \u0423\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f parseData, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u0445\u043e\u0434\u0438\u0442 \u0432\u00a0CPU bound \u0438\u00a0\u043c\u043e\u0436\u0435\u0442 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0442\u044f\u0436\u0435\u043b\u043e\u0435. \u041f\u043e\u0442\u043e\u043c \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043d\u0430\u00a0\u0447\u0430\u043d\u043a\u0438, \u0434\u0435\u043b\u0430\u0435\u043c setTimeout(() =&gt; parseData(slice), 0).<\/p>\n<p>  \u0412\u00a0\u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043e\u043f\u044f\u0442\u044c\u00a0\u0436\u0435 \u0441\u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c User interaction \u0438\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0440\u0435\u043d\u0434\u0435\u0440 \u0432\u00a0\u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043a\u0430\u0445. \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u0432\u044b\u00a0\u0445\u043e\u0442\u044f\u00a0\u0431\u044b \u043e\u0442\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0435 \u0432\u0430\u0448 Event Loop, \u0438\u00a0\u043e\u043d\u00a0\u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c. \u0412\u0430\u0448\u0435 \u0441\u0435\u0440\u0434\u0446\u0435 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0431\u0438\u0442\u044c\u0441\u044f, \u0438\u00a0\u044d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e.<\/p>\n<p>  \u041d\u043e\u00a0\u044d\u0442\u043e \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043e\u0447\u0435\u043d\u044c \u00ab\u0432\u00a0\u043b\u043e\u0431\u00bb \u043f\u0440\u0438\u043c\u0435\u0440. \u0421\u0435\u0439\u0447\u0430\u0441 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0435\u0441\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e API, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e.<\/p>\n<p>  \u041f\u043e\u043c\u0438\u043c\u043e setTimeout \u0438\u00a0setInterval, \u0435\u0441\u0442\u044c API, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b\u0445\u043e\u0434\u044f\u0442 \u0437\u0430\u00a0\u043f\u0440\u0435\u0434\u0435\u043b\u044b \u0442\u0430\u0441\u043e\u043a, \u0442\u0430\u043a\u0438\u0435 \u043a\u0430\u043a, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, requestAnimationFrame \u0438\u00a0requestIdleCallback.<\/p>\n<p>  \u041d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u043c\u043d\u043e\u0433\u0438\u0435 \u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0441\u00a0<strong>requestAnimationFrame<\/strong>, \u0438\u00a0\u0434\u0430\u0436\u0435 \u0443\u0436\u0435 \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442. \u041e\u043d\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0434 \u0440\u0435\u043d\u0434\u0435\u0440\u043e\u043c. \u0415\u0433\u043e \u043f\u0440\u0435\u043b\u0435\u0441\u0442\u044c \u0432\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e, \u0432\u043e-\u043f\u0435\u0440\u0432\u044b\u0445, \u043e\u043d\u00a0\u0441\u0442\u0430\u0440\u0430\u0435\u0442\u0441\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0435 60\u00a0fps (\u0438\u043b\u0438 30\u00a0fps), \u0432o-\u0432\u0442\u043e\u0440\u044b\u0445, \u044d\u0442\u043e \u0432\u0441\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043f\u0435\u0440\u0435\u0434 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c CSS Object Model \u0438\u00a0\u043f\u0440.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/0-\/hy\/qt\/0-hyqtkge9dm9ayeciqrrzgjors.png\"><\/p>\n<p>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0441\u043b\u0438 \u0434\u0430\u0436\u0435 \u0443\u00a0\u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e requestAnimationFrame, \u043e\u043d\u0438 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0433\u0440\u0443\u043f\u043f\u0438\u0440\u0443\u044e\u0442 \u0432\u0441\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u0438\u00a0\u0444\u0440\u0435\u0439\u043c \u0432\u044b\u0439\u0434\u0435\u0442 \u0446\u0435\u043b\u043e\u0441\u0442\u043d\u044b\u0439. \u0412\u00a0\u0441\u043b\u0443\u0447\u0430\u0435 setTimeout \u0432\u044b\u00a0\u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u00a0\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u00a0\u043c\u043e\u0436\u0435\u0442\u0435. \u041e\u0434\u0438\u043d setTimeout \u0438\u0437\u043c\u0435\u043d\u0438\u0442 \u0447\u0442\u043e-\u0442\u043e \u043e\u0434\u043d\u043e, \u0434\u0440\u0443\u0433\u043e\u0439 \u0434\u0440\u0443\u0433\u043e\u0435, \u0430\u00a0\u043c\u0435\u0436\u0434\u0443 \u044d\u0442\u0438\u043c \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0441\u043a\u043e\u0447\u0438\u0442\u044c \u0440\u0435\u043d\u0434\u0435\u0440\u00a0\u2014 \u0443\u00a0\u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0434\u0435\u0440\u0433\u0430\u043d\u044c\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 \u0438\u043b\u0438 \u0435\u0449\u0435 \u0447\u0442\u043e-\u0442\u043e. RequestAnimationFrame \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u043e.<\/p>\n<p>  \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, \u0435\u0441\u0442\u044c \u0435\u0449\u0435<strong> requestIdleCallback. <\/strong>\u041c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u0432\u044b\u00a0\u0441\u043b\u044b\u0448\u0430\u043b\u0438, \u0447\u0442\u043e \u043e\u043d\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u00a0React v16.0 (Fiber). RequestIdleCallback \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u0447\u0442\u043e \u0443\u00a0\u043d\u0435\u0433\u043e \u043c\u0435\u0436\u0434\u0443 \u0444\u0440\u0435\u0439\u043c\u0430\u043c\u0438 (60\u00a0fps) \u0435\u0441\u0442\u044c \u0432\u0440\u0435\u043c\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0435, \u0438\u00a0\u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u043d\u0438 \u0443\u0436\u0435 \u0432\u0441\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u00a0\u2014 \u0442\u0430\u0441\u043a\u0443 \u0441\u0434\u0435\u043b\u0430\u043b, requestAnimationFrame \u0441\u0434\u0435\u043b\u0430\u043b\u00a0\u2014 \u0432\u0440\u043e\u0434\u0435\u00a0\u0431\u044b \u0432\u0441\u0435 \u043a\u043b\u0430\u0441\u0441\u043d\u043e, \u0442\u043e\u00a0\u043e\u043d\u00a0\u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0434\u0430\u0442\u044c \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u043a\u0432\u0430\u043d\u0442\u044b, \u0441\u043a\u0430\u0436\u0435\u043c, \u043f\u043e\u00a050\u00a0\u043c\u0441, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u00a0\u0447\u0442\u043e-\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u043b\u0438 (\u0440\u0435\u0436\u0438\u043c IDLE).<\/p>\n<p>  \u041d\u0430\u00a0\u0434\u0438\u0430\u0433\u0440\u0430\u043c\u043c\u0435 \u0432\u044b\u0448\u0435 \u0435\u0433\u043e \u043d\u0435\u0442, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d\u00a0\u043d\u0435\u00a0\u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u00a0\u043a\u0430\u043a\u043e\u043c-\u0442\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435. \u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u043c\u043e\u0436\u0435\u0442 \u0440\u0435\u0448\u0438\u0442\u044c \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u0434\u043e\u00a0\u0444\u0440\u0435\u0439\u043c\u0430, \u043f\u043e\u0441\u043b\u0435 \u0444\u0440\u0435\u0439\u043c\u0430, \u043c\u0435\u0436\u0434\u0443 requestAnimationFrame \u0438\u00a0\u0440\u0435\u043d\u0434\u0435\u0440\u043e\u043c, \u043f\u043e\u0441\u043b\u0435 \u0442\u0430\u0441\u043a\u0438, \u0434\u043e\u00a0\u0442\u0430\u0441\u043a\u0438. \u042d\u0442\u043e\u0433\u043e \u043d\u0438\u043a\u0442\u043e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u00a0\u043c\u043e\u0436\u0435\u0442.<\/p>\n<p>  \u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u0432\u0430\u043c\u00a0\u0442\u043e, \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0443\u00a0\u0432\u0430\u0441 \u0435\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430, \u043d\u0435\u00a0\u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0430\u044f \u0441\u00a0\u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435\u043c DOM (\u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u043e\u0433\u0434\u0430 requestAnimationFrame\u00a0\u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0438\u00a0\u043f\u0440\u043e\u0447\u0435\u0435), \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u043d\u0430 \u043d\u0435\u00a0\u0441\u0443\u043f\u0435\u0440 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u0430\u044f, \u043d\u043e\u00a0\u043e\u0449\u0443\u0442\u0438\u043c\u0430\u044f, \u0442\u043e\u00a0requestIdleCallback\u00a0\u2014 \u044d\u0442\u043e \u0432\u0430\u0448 \u0432\u044b\u0445\u043e\u0434.<\/p>\n<p>  \u0418\u0442\u0430\u043a, \u0435\u0441\u043b\u0438 \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u043e\u043b\u0433\u0430\u044f CPU bound \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f, \u0442\u043e\u00a0\u043c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u0442\u044c\u0441\u044f \u0440\u0430\u0437\u0431\u0438\u0442\u044c \u0435\u0435\u00a0\u043d\u0430\u00a0\u0447\u0430\u0441\u0442\u0438.<\/p>\n<ul>\n<li> \u0415\u0441\u043b\u0438 \u044d\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 DOM, \u0442\u043e\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c <strong>requestAnimationFrame.<\/strong>   <\/li>\n<li> \u0415\u0441\u043b\u0438 \u044d\u0442\u043e \u043d\u0435\u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u0430\u044f, \u043d\u0435\u0434\u043e\u043b\u0433\u0430\u044f \u0438\u00a0\u043d\u0435\u00a0\u0442\u044f\u0436\u0435\u043b\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u00a0\u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043d\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c CPU, \u0442\u043e\u00a0<strong>requestIdleCallback.<\/strong>   <\/li>\n<li> \u0415\u0441\u043b\u0438 \u0443\u00a0\u043d\u0430\u0441 \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u043c\u043e\u0449\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043d\u0430\u0434\u043e \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e, \u0442\u043e\u0433\u0434\u0430 \u043c\u044b\u00a0\u0432\u044b\u0445\u043e\u0434\u0438\u043c \u0437\u0430\u00a0\u043f\u0440\u0435\u0434\u0435\u043b\u044b Event Loop \u0438\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c WebWorkers. \u0414\u0440\u0443\u0433\u043e\u0433\u043e \u0432\u044b\u0445\u043e\u0434\u0430 \u043d\u0435\u0442.   <\/li>\n<\/ul>\n<p>  <strong>\u0418\u0442\u043e\u0433\u0438 \u043f\u043e\u00a0\u0442\u0430\u0441\u043a\u0430\u043c \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445:<\/strong><\/p>\n<ol>\n<li>\u0414\u0440\u043e\u0431\u0438\u0442\u0435 \u0432\u0441\u0435 \u043d\u0430\u00a0\u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438.<\/li>\n<li>\u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0442\u0438\u043f\u043e\u0432 \u0437\u0430\u0434\u0430\u0447.<\/li>\n<li>\u0417\u0430\u0434\u0430\u0447\u0438 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0437\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043f\u043e\u00a0\u044d\u0442\u0438\u043c \u0442\u0438\u043f\u0430\u043c \u0447\u0435\u0440\u0435\u0437 \u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u043f\u043e\u00a0\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438.<\/li>\n<li>\u041c\u043d\u043e\u0433\u043e\u0435 \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438, \u0438\u00a0\u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043f\u043e\u043d\u044f\u0442\u044c, \u043a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u00a0\u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c, \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u043a\u043e\u0434.<\/li>\n<li>\u041d\u043e\u00a0\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u00a0\u0432\u0441\u0435\u0433\u0434\u0430!<\/li>\n<\/ol>\n<p>  \u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e \u043d\u0430\u0448 \u0418\u0432\u0430\u043d \u0422\u0443\u043b\u0443\u043f\u00a0\u2014 \u0441\u0442\u0430\u0440\u044b\u0439 \u0434\u0435\u0434, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 Event Loop \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0442\u043e\u0436\u0435 \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043e\u0447\u0435\u043d\u044c \u0441\u0442\u0430\u0440\u044b\u0435. \u041e\u043d\u0438 \u0431\u044b\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u044b \u0435\u0449\u0435 \u0434\u043e\u00a0\u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0431\u044b\u043b\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f, \u043a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u0442\u043e\u043b\u044c\u043a\u0443 \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443. \u0414\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0432\u044b\u00a0\u0447\u0438\u0442\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u043f\u043e\u00a0\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0442\u0430\u043a, \u043d\u0438\u043a\u0442\u043e \u043d\u0435\u00a0\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442, \u0447\u0442\u043e \u0432\u0441\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u044d\u0442\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0430\u043b\u0438. \u0422\u0430\u043a \u0447\u0442\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0439\u0442\u0435 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u043a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435.<\/p>\n<p>  \u0414\u0435\u0434 \u0418\u0432\u0430\u043d \u0422\u0443\u043b\u0443\u043f \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445\u00a0\u2014 \u044d\u0442\u043e \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u0441\u043b\u0430\u0431\u043e\u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u044b\u0439, \u0441\u00a0\u043a\u0430\u043a\u0438\u043c\u0438-\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c\u0438 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044f\u043c\u0438, \u043d\u0430\u0434\u043e \u043e\u0431\u00a0\u044d\u0442\u043e\u043c \u043f\u043e\u043c\u043d\u0438\u0442\u044c.<\/p>\n<h2> \u0422\u0435\u0440\u043c\u0438\u043d\u0430\u0442\u043e\u0440-\u0421\u0430\u043d\u0442\u0430: \u043c\u0430\u0441\u043a\u043e\u0442 Loop \u0432\u00a0Node.js<br \/>  <\/h2>\n<p>  Node.js \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430\u00a0\u043a\u043e\u0433\u043e-\u0442\u043e \u0442\u0430\u043a\u043e\u0433\u043e.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/bb\/5u\/bx\/bb5ubx5cvdgtu2lilmk-rfmeajc.png\"><\/p>\n<p>  \u041f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0441\u00a0\u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u044d\u0442\u043e \u0442\u043e\u0442\u00a0\u0436\u0435 \u0441\u0430\u043c\u044b\u0439 \u0434\u0435\u0434 \u0441\u00a0\u0431\u043e\u0440\u043e\u0434\u043e\u0439, \u043d\u043e\u00a0\u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432\u0441\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043e \u043f\u043e\u00a0\u0444\u0430\u0437\u0430\u043c \u0438\u00a0\u0447\u0435\u0442\u043a\u043e \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u043e, \u0433\u0434\u0435 \u0447\u0442\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n<p>  <strong>\u0424\u0430\u0437\u044b Event Loop \u0432 Node.js:<\/strong><\/p>\n<ul>\n<li> timers;   <\/li>\n<li> pending callback;   <\/li>\n<li> idle, prepare;   <\/li>\n<li> poll;   <\/li>\n<li> check;   <\/li>\n<li> close callbacks.   <\/li>\n<\/ul>\n<p>  \u0412\u0441\u0435, \u043a\u0440\u043e\u043c\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e, \u043d\u0435\u00a0\u043e\u0447\u0435\u043d\u044c-\u0442\u043e \u0438\u00a0\u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0447\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442. \u0423\u00a0\u0444\u0430\u0437 \u0442\u0430\u043a\u0438\u0435 \u0441\u0442\u0440\u0430\u043d\u043d\u044b\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c, \u043a\u0430\u043a \u043c\u044b\u00a0\u0443\u0436\u0435 \u0437\u043d\u0430\u0435\u043c, \u0443\u00a0\u043d\u0430\u0441 Libuv, \u0434\u0430\u0431\u044b \u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432\u0441\u0435\u043c\u0438:<\/p>\n<ul>\n<li> <em>Linux \u2014\u00a0<\/em> epoll\u00a0\/ POSIX\u00a0AIO;   <\/li>\n<li> <em>BSD \u2014<\/em>\u00a0kqueue;   <\/li>\n<li> <em>Windows \u2014<\/em>\u00a0IOCP;   <\/li>\n<li> <em>Solaris \u2014<\/em>\u00a0event ports.   <\/li>\n<\/ul>\n<p>  \u0422\u044b\u0441\u044f\u0447\u0438 \u0438\u0445\u00a0\u0432\u0441\u0435\u0445!<\/p>\n<p>  \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, Libuv \u0442\u0430\u043a\u0436\u0435 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0442\u043e\u0442 \u0441\u0430\u043c\u044b\u0439 Event Loop. \u0412\u00a0\u043d\u0435\u043c \u043d\u0435\u0442 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 Node.js, \u0430\u00a0\u0435\u0441\u0442\u044c \u0444\u0430\u0437\u044b, \u0438\u00a0Node.js \u0438\u0445\u00a0\u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442. \u041d\u043e\u00a0\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043e\u043d\u0430 \u0437\u0430\u0447\u0435\u043c-\u0442\u043e \u0432\u0437\u044f\u043b\u0430 \u043e\u0442\u0442\u0443\u0434\u0430.<\/p>\n<p>  \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u0447\u0442\u043e \u043a\u0430\u0436\u0434\u0430\u044f \u0444\u0430\u0437\u0430 \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442.<\/p>\n<h4> \u0424\u0430\u0437\u0430 Timers \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442:<br \/>  <\/h4>\n<p>  <\/p>\n<ul>\n<li> Callback \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u0432;   <\/li>\n<li> setTimeout \u0438\u00a0setInterval;   <\/li>\n<li> \u041d\u043e\u00a0<strong>\u041d\u0415<\/strong>\u00a0setImmediate\u00a0\u2014 \u044d\u0442\u043e \u0434\u0440\u0443\u0433\u0430\u044f \u0444\u0430\u0437\u0430.   <\/li>\n<\/ul>\n<p>  <\/p>\n<h4> \u0424\u0430\u0437\u0430 pending callbacks<br \/>  <\/h4>\n<p>  \u0414\u043e\u00a0\u044d\u0442\u043e\u0433\u043e \u0432\u00a0\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0444\u0430\u0437\u0430 \u043d\u0430\u0437\u044b\u0432\u0430\u043b\u0430\u0441\u044c I\/O callbacks. \u0421\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u044d\u0442\u0443 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u043f\u043e\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u0438\u00a0\u043e\u043d\u0430 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u0430 \u043f\u0440\u043e\u0442\u0438\u0432\u043e\u0440\u0435\u0447\u0438\u0442\u044c \u0441\u0430\u043c\u0430 \u0441\u0435\u0431\u0435. \u0414\u043e\u00a0\u044d\u0442\u043e\u0433\u043e \u0432\u00a0\u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u0431\u044b\u043b\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e, \u0447\u0442\u043e I\/O callbacks \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0432\u00a0\u044d\u0442\u043e\u0439 \u0444\u0430\u0437\u0435, \u0432\u00a0\u0434\u0440\u0443\u0433\u043e\u043c\u00a0\u2014 \u0447\u0442\u043e \u0432\u00a0poll \u0444\u0430\u0437\u0435. \u041d\u043e\u00a0\u0442\u0435\u043f\u0435\u0440\u044c \u0442\u0430\u043c \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0432\u0441\u0435 \u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u0438\u00a0\u0445\u043e\u0440\u043e\u0448\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f\u00a0\u2014 \u0447\u0442\u043e-\u0442\u043e \u0441\u0442\u0430\u043d\u0435\u0442 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u043c.<\/p>\n<p>  \u0412\u00a0\u0444\u0430\u0437\u0435 pending callback \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u0438 \u043e\u0442\u00a0\u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439 (TCP error). \u0422\u043e\u00a0\u0435\u0441\u0442\u044c, \u0435\u0441\u043b\u0438 \u0432\u00a0Unix \u043e\u0448\u0438\u0431\u043a\u0430 \u0432\u00a0TCP-socket, \u0432\u00a0\u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043d\u00a0\u0445\u043e\u0447\u0435\u0442 \u043d\u0435\u00a0\u0441\u0440\u0430\u0437\u0443 \u0435\u0435\u00a0\u0432\u044b\u043a\u0438\u043d\u0443\u0442\u044c, \u0430\u00a0\u0432\u00a0\u043a\u043e\u043b\u043b\u0431\u044d\u043a\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043a\u0430\u043a \u0440\u0430\u0437 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d \u043d\u0430\u00a0\u044d\u0442\u043e\u0439 \u0444\u0430\u0437\u0435. \u042d\u0442\u043e \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043e\u00a0\u043d\u0435\u0439 \u0437\u043d\u0430\u0442\u044c. \u041d\u0430\u043c \u043e\u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0435\u00a0\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430.<\/p>\n<h4> \u0424\u0430\u0437\u0430 Idle, prepare<br \/>  <\/h4>\n<p>  \u0412\u00a0\u044d\u0442\u043e\u0439 \u0444\u0430\u0437\u0435 \u043c\u044b\u00a0\u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435\u00a0\u043c\u043e\u0436\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u0431\u0443\u0434\u0435\u043c \u043e\u00a0\u043d\u0435\u0439 \u0432\u00a0\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/xa\/6l\/n-\/xa6ln-ao3qbubxteqecnh8lm5ke.png\"><\/p>\n<h4> \u0424\u0430\u0437\u0430 poll<br \/>  <\/h4>\n<p>  \u042d\u0442\u043e \u0441\u0430\u043c\u0430\u044f \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430\u044f \u0444\u0430\u0437\u0430 \u0432\u00a0Node.js, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d\u0430 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u043e\u0439:<\/p>\n<ul>\n<li>\u0418\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442 I\/O-\u043a\u043e\u043b\u043b\u0431\u044d\u043a\u0438 (\u043d\u0435\u00a0pending callback \u0444\u0430\u0437\u0430!).<\/li>\n<li>\u0416\u0434\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u043e\u0442\u00a0I\/O;<\/li>\n<li>\u0417\u0434\u0435\u0441\u044c \u043a\u0440\u0443\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c setImmediate;<\/li>\n<li>\u041d\u0435\u0442 \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u0432;<\/li>\n<\/ul>\n<p>  \u0417\u0430\u0431\u0435\u0433\u0430\u044f \u0432\u043f\u0435\u0440\u0435\u0434, setImmediate \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u043d\u0430\u00a0\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0444\u0430\u0437\u0435 check, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u0432.<\/p>\n<p>  \u0410\u00a0\u0422\u0430\u043a\u0436\u0435 \u0444\u0430\u0437\u0430 poll \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u0442 \u043f\u043e\u0442\u043e\u043a Event Loop. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u0443\u00a0\u043d\u0430\u0441 \u043d\u0435\u0442 \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u0432, \u043d\u0435\u0442 setImmediate, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u043d\u0438\u043a\u0442\u043e \u0442\u0430\u0439\u043c\u0435\u0440 \u043d\u0435\u00a0\u0441\u0434\u0435\u043b\u0430\u043b, setImmediate \u043d\u0435\u00a0\u0432\u044b\u0437\u044b\u0432\u0430\u043b, \u043c\u044b\u00a0\u043f\u0440\u043e\u0441\u0442\u043e \u0432\u00a0\u044d\u0442\u043e\u0439 \u0444\u0430\u0437\u0435 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u0438\u00a0\u0431\u0443\u0434\u0435\u043c \u0436\u0434\u0430\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043e\u0442\u00a0I\/O, \u0435\u0441\u043b\u0438 \u043d\u0430\u043c \u0447\u0442\u043e-\u0442\u043e \u043f\u0440\u0438\u0434\u0435\u0442, \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u0438, \u0435\u0441\u043b\u0438 \u043c\u044b\u00a0\u043d\u0430\u00a0\u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c.<\/p>\n<p>  \u041a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0435\u0431\u043b\u043e\u043a\u0438\u0440\u0443\u044e\u0449\u0430\u044f \u043c\u043e\u0434\u0435\u043b\u044c? \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0443\u00a0\u0442\u043e\u0433\u043e\u00a0\u0436\u0435 Epoll \u043c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u00a0\u0441\u043e\u0431\u044b\u0442\u0438\u0435\u00a0\u2014 \u043e\u0442\u043a\u0440\u044b\u043b\u0438 socket \u0438\u00a0\u0436\u0434\u0435\u043c, \u043a\u043e\u0433\u0434\u0430 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0432\u00a0\u043d\u0435\u0433\u043e \u043d\u0430\u043f\u0438\u0448\u0443\u0442. \u041f\u043e\u043c\u0438\u043c\u043e \u044d\u0442\u043e\u0433\u043e, \u0432\u0442\u043e\u0440\u044b\u043c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0438\u0434\u0435\u0442 timeout, \u0442.\u0435.\u00a0\u043c\u044b\u00a0Epoll \u0431\u0443\u0434\u0435\u0442 \u0436\u0434\u0430\u0442\u044c, \u043d\u043e\u00a0\u0435\u0441\u043b\u0438 timeout \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u0441\u044f, \u0430\u00a0\u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043e\u0442\u00a0I\/O \u043d\u0435\u00a0\u043f\u0440\u0438\u0434\u0435\u0442, \u0442\u043e\u00a0\u043e\u043d\u00a0\u0432\u044b\u0439\u0434\u0435\u0442 \u0438\u0437\u00a0timeout. \u0415\u0441\u043b\u0438 \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0435\u0442 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0438\u0437\u00a0\u0441\u0435\u0442\u0438 (\u043a\u0442\u043e-\u0442\u043e \u0432\u00a0socket \u043d\u0430\u043f\u0438\u0448\u0435\u0442), \u0442\u043e\u00a0\u043f\u0440\u0438\u0434\u0435\u0442 \u043e\u043d\u043e.<\/p>\n<p>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0444\u0430\u0437\u0430 poll \u0434\u043e\u0441\u0442\u0430\u0435\u0442 \u0438\u0437\u00a0heap (\u043a\u0443\u0447\u0430\u00a0\u2014 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u043e \u043e\u0442\u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u0434\u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c \u0438\u00a0\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c) \u0441\u0430\u043c\u044b\u0439 \u0440\u0430\u043d\u043d\u0438\u0439 \u043a\u043e\u043b\u043b\u0431\u044d\u043a, \u0431\u0435\u0440\u0435\u0442 \u0435\u0433\u043e timeout, \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0432\u00a0\u044d\u0442\u043e\u0442 timeout \u0438\u00a0\u043e\u0442\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u0432\u0441\u0435. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0443\u00a0\u043d\u0430\u0441 \u043d\u0438\u043a\u0442\u043e \u0432\u00a0socket \u043d\u0435\u00a0\u043d\u0430\u043f\u0438\u0448\u0435\u0442, timeout \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0432\u043e\u0437\u0432\u0440\u0430\u0442\u0438\u0442\u0441\u044f \u0432\u00a0\u0444\u0430\u0437\u0443 poll \u0438\u00a0\u0440\u0430\u0431\u043e\u0442\u0430 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0441\u044f.<\/p>\n<blockquote><p>\u0412\u0430\u0436\u043d\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c, \u0447\u0442\u043e \u0432\u00a0\u0444\u0430\u0437\u0435 poll \u0435\u0441\u0442\u044c \u043b\u0438\u043c\u0438\u0442 \u043f\u043e\u00a0\u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u043e\u0432 \u0437\u0430\u00a0\u0440\u0430\u0437.  <\/p><\/blockquote>\n<p>  \u041f\u0435\u0447\u0430\u043b\u044c\u043d\u043e, \u0447\u0442\u043e \u0432\u00a0\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0444\u0430\u0437\u0430\u0445 \u0435\u0433\u043e \u043d\u0435\u0442. \u0415\u0441\u043b\u0438 \u0432\u044b\u00a0\u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 10\u00a0\u043c\u043b\u0440\u0434 timeout, \u0432\u044b\u00a0\u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 10\u00a0\u043c\u043b\u0440\u0434 timeout. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0430\u044f \u0444\u0430\u0437\u0430\u00a0\u2014 \u044d\u0442\u043e \u0444\u0430\u0437\u0430 check.<\/p>\n<h4>\u0424\u0430\u0437\u0430 check<\/h4>\n<p>  \u0417\u0434\u0435\u0441\u044c \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f setImmediate. \u0424\u0430\u0437\u0430 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u0430 \u0442\u0435\u043c, \u0447\u0442\u043e setImmediate, \u0432\u044b\u0437\u0432\u0430\u043d\u043d\u044b\u0439 \u0432\u00a0poll-\u0444\u0430\u0437\u0435, \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435, \u0447\u0435\u043c \u0442\u0430\u0439\u043c\u0435\u0440. \u041f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u0430\u0439\u043c\u0435\u0440 \u0431\u0443\u0434\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u00a0\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0442\u0438\u043a\u0435 \u0432\u00a0\u0441\u0430\u043c\u043e\u043c \u043d\u0430\u0447\u0430\u043b\u0435, \u0430\u00a0\u0438\u0437\u00a0poll-\u0444\u0430\u0437\u044b \u0440\u0430\u043d\u044c\u0448\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u043d\u0435\u00a0\u0431\u043e\u044f\u0442\u044c\u0441\u044f \u043a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0446\u0438\u0438 \u0441\u00a0\u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0442\u0430\u0439\u043c\u0435\u0440\u0430\u043c\u0438 \u0438\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0444\u0430\u0437\u0443 \u0434\u043b\u044f \u0442\u0435\u0445 \u0432\u0435\u0449\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b\u00a0\u043d\u0435\u00a0\u0445\u043e\u0442\u0438\u043c \u043f\u043e\u00a0\u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0432\u00a0\u043a\u043e\u043b\u043b\u0431\u044d\u043a\u0435.<\/p>\n<h4>\u0424\u0430\u0437\u0430 close callbacks<\/h4>\n<p>  \u042d\u0442\u0430 \u0444\u0430\u0437\u0430 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0432\u0441\u0435 \u043d\u0430\u0448\u0438 \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u0438\u044f socket \u0438 \u043f\u0440\u043e\u0447\u0435\u0433\u043e \u0442\u0438\u043f\u0430:<\/p>\n<pre><code class=\"javascript\">socket.on('close', \u2026). <\/code><\/pre>\n<p>  \u041e\u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0438\u0445 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432\u044b\u043b\u0435\u0442\u0435\u043b\u043e \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u0442\u043e-\u0442\u043e \u043d\u0430 \u0442\u043e\u043c \u043a\u043e\u043d\u0446\u0435 \u043f\u043e\u0441\u043b\u0430\u043b: \u00ab\u0412\u0441\u0435 \u2013 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u043c socket \u2014 \u0438\u0434\u0438 \u043e\u0442\u0441\u044e\u0434\u0430, \u0412\u0430\u0441\u044f!\u00bb \u0422\u043e\u0433\u0434\u0430 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u044d\u0442\u0430 \u0444\u0430\u0437\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u043e\u0435. \u041d\u043e \u043d\u0430 \u043d\u0430\u0441 \u044d\u0442\u043e \u043d\u0435 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u0432\u043b\u0438\u044f\u0435\u0442.<\/p>\n<h3>\u041d\u0435\u0432\u0435\u0440\u043d\u0430\u044f \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0447\u0430\u043d\u043a\u043e\u0432 \u0432\u00a0Node.js<\/h3>\n<p>  \u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442, \u0435\u0441\u043b\u0438 \u043c\u044b\u00a0\u0442\u0430\u043a\u043e\u0439\u00a0\u0436\u0435 \u043f\u0430\u0442\u0442\u0435\u0440\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b\u00a0\u0431\u0440\u0430\u043b\u0438 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0441\u00a0setTimeout, \u043f\u043e\u043b\u043e\u0436\u0438\u043c \u043d\u0430\u00a0Node.js\u00a0\u2014 \u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u0440\u0430\u0437\u043e\u0431\u044a\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043d\u0430\u00a0\u0447\u0430\u043d\u043a\u0438, \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0447\u0430\u043d\u043a\u0430 \u0441\u0434\u0435\u043b\u0430\u0435\u043c setTimeout\u00a0\u2014 0.<\/p>\n<pre><code class=\"javascript\">const bigArray = [1..1_000_000] const chunks = getChunks(bigArray)  const parseData = (slice) =&gt; \/\/ parse binary data  for (chunk of chunks) {   setTimeout(() =&gt; parseData(slice), 0) } <\/code><\/pre>\n<p>  \u041a\u0430\u043a \u0432\u044b\u00a0\u0434\u0443\u043c\u0430\u0435\u0442\u0435, \u0435\u0441\u0442\u044c\u00a0\u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441\u00a0\u044d\u0442\u0438\u043c?<\/p>\n<p>  \u042f\u00a0\u0443\u0436\u0435 \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0437\u0430\u0431\u0435\u0436\u0430\u043b \u0432\u043f\u0435\u0440\u0435\u0434, \u043a\u043e\u0433\u0434\u0430 \u0441\u043a\u0430\u0437\u0430\u043b, \u0447\u0442\u043e, \u0435\u0441\u043b\u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c 10\u00a0\u0442\u044b\u0441\u044f\u0447 timeout (\u0438\u043b\u0438 10\u00a0\u043c\u043b\u0440\u0434!), \u0432\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u0431\u0443\u0434\u0443\u0442 10\u00a0\u0442\u044b\u0441\u044f\u0447 \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u0432, \u0438\u00a0\u043e\u043d\u00a0\u0431\u0443\u0434\u0435\u0442 \u0438\u0445\u00a0\u0434\u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c \u0438\u00a0\u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u00a0\u2014 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b \u043e\u0442\u00a0\u044d\u0442\u043e\u0433\u043e \u043d\u0435\u0442: \u0434\u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u00a0\u2014 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c, \u0434\u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u00a0\u2014 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0438\u00a0\u0442\u0430\u043a \u0434\u043e\u00a0\u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0441\u0442\u0438.<\/p>\n<p>  \u0422\u043e\u043b\u044c\u043a\u043e poll \u0444\u0430\u0437\u0430, \u0435\u0441\u043b\u0438 \u0443\u00a0\u043d\u0430\u0441 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043e\u0442\u00a0I\/O \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442, \u0432\u0441\u0435 \u0432\u0440\u0435\u043c\u044f \u0432\u00a0socket \u043a\u0442\u043e-\u0442\u043e \u0447\u0442\u043e-\u0442\u043e \u043f\u0438\u0448\u0435\u0442, \u0447\u0442\u043e\u0431\u044b \u043c\u044b\u00a0\u0445\u043e\u0442\u044f\u00a0\u0431\u044b \u0442\u0430\u0439\u043c\u0435\u0440\u044b \u0438\u00a0setImmediate \u043c\u043e\u0433\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u044c, \u0438\u043c\u0435\u0435\u0442 \u0437\u0430\u0449\u0438\u0442\u0443 \u043d\u0430\u00a0\u043b\u0438\u043c\u0438\u0442, \u043f\u0440\u0438\u0447\u0435\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u044b\u0439. \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u043e\u043d\u00a0\u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u00a0\u0440\u0430\u0437\u043d\u044b\u0445 \u041e\u0421.<\/p>\n<p>  \u041a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0434\u0440\u0443\u0433\u0438\u0435 \u0444\u0430\u0437\u044b, \u0432\u00a0\u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0442\u0430\u0439\u043c\u0435\u0440\u044b \u0438\u00a0setImmediate, <strong>\u0442\u0430\u043a\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b \u043d\u0435\u00a0\u0438\u043c\u0435\u044e\u0442.<\/strong> \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0441\u043b\u0438 \u0432\u044b\u00a0\u0441\u0434\u0435\u043b\u0430\u0435\u0442\u0435 \u0442\u0430\u043a, \u043a\u0430\u043a \u0432\u00a0\u043f\u0440\u0438\u043c\u0435\u0440\u0435, \u0443\u00a0\u0432\u0430\u0441 \u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u043d\u0435\u0442 \u0438\u00a0\u0434\u043e\u00a0poll-\u0444\u0430\u0437\u044b \u0434\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0435\u00a0\u0431\u0443\u0434\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u0434\u043e\u043b\u0433\u043e.<\/p>\n<p>  \u0410 \u043a\u0430\u043a \u0432\u044b \u0434\u0443\u043c\u0430\u0435\u0442\u0435, \u0447\u0442\u043e-\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f, \u0435\u0441\u043b\u0438 \u043c\u044b \u0437\u0430\u043c\u0435\u043d\u0438\u043c setTimeout(() =&gt; parseData(slice), 0)\u043d\u0430 setImmediate(() =&gt; parseData(slice))? \u2013 \u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043d\u0435\u0442, \u0442\u0430\u043c \u0442\u043e\u0436\u0435 \u043d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u043e\u0439 \u0437\u0430\u0449\u0438\u0442\u044b \u043d\u0430 \u0444\u0430\u0437\u0435 check.<\/p>\n<p>  \u0427\u0442\u043e\u0431\u044b \u0440\u0435\u0448\u0438\u0442\u044c \u044d\u0442\u0443 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443, \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c <strong>\u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u0443\u044e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443<\/strong>.<\/p>\n<pre><code class=\"javascript\">const parseData = (slice) =&gt; \/\/ parse binary data  const recursiveAsyncParseData = (i) =&gt; {   parseData(getChunk(i))   setImmediate(() =&gt; recursiveAsyncParseData(i + 1)) }   recursiveAsyncParseData(0) <\/code><\/pre>\n<p>  \u0421\u0443\u0442\u044c \u0432\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u044b\u00a0\u0432\u0437\u044f\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e parseData \u0438\u00a0\u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0435\u0435\u00a0\u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432, \u043d\u043e\u00a0\u043d\u0435\u00a0\u043f\u0440\u043e\u0441\u0442\u043e \u0441\u0430\u043c\u043e\u0439 \u0441\u0435\u0431\u044f, \u0430\u00a0\u0447\u0435\u0440\u0435\u0437 setImmediate. \u041a\u043e\u0433\u0434\u0430 \u0442\u044b\u00a0\u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0448\u044c \u044d\u0442\u043e \u0432\u00a0\u0444\u0430\u0437\u0435 setImmediate, \u0442\u043e\u00a0\u043e\u043d\u043e \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0443\u0436\u0435 \u043d\u0430\u00a0\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0442\u0438\u043a, \u0430\u00a0\u043d\u0435\u00a0\u0432\u00a0\u0442\u0435\u043a\u0443\u0449\u0438\u0439. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u044d\u0442\u043e \u043e\u0442\u043f\u0443\u0441\u0442\u0438\u0442 Event Loop, \u043e\u043d\u00a0\u043f\u043e\u0439\u0434\u0435\u0442 \u0434\u0430\u043b\u044c\u0448\u0435 \u043f\u043e\u00a0\u043a\u0440\u0443\u0433\u0443. \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c recursiveAsyncParseData, \u043a\u0443\u0434\u0430 \u043c\u044b\u00a0\u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u043d\u0435\u043a\u0438\u0439 \u0438\u043d\u0434\u0435\u043a\u0441, \u0434\u043e\u0441\u0442\u0430\u0435\u043c \u0447\u0430\u043d\u043a \u043f\u043e\u00a0\u044d\u0442\u043e\u043c\u0443 \u0438\u043d\u0434\u0435\u043a\u0441\u0443, \u043e\u0442\u043f\u0430\u0440\u0441\u0438\u043b\u0438\u00a0\u2014 \u0438\u00a0\u0434\u0430\u043b\u044c\u0448\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u043b\u0438 \u0432\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u044c setImmediate \u0441\u043e\u00a0\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0438\u043d\u0434\u0435\u043a\u0441\u043e\u043c. \u041e\u043d\u00a0\u043f\u043e\u043f\u0430\u0434\u0435\u0442 \u0443\u00a0\u043d\u0430\u0441 \u043d\u0430\u00a0\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0442\u0438\u043a \u0438\u00a0\u043c\u044b\u00a0\u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0436\u0435\u043c \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u043e.<\/p>\n<p>  \u041f\u0440\u0430\u0432\u0434\u0430, \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u044d\u0442\u043e \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u043a\u0430\u043a\u0430\u044f-\u0442\u043e CPU bound \u0437\u0430\u0434\u0430\u0447\u0430. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u043e\u043d\u0430 \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0432 Event Loop \u043a\u0430\u043a-\u0442\u043e \u0432\u0435\u0441\u0438\u0442\u044c \u0438 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c \u0432\u0440\u0435\u043c\u044f. \u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0443 \u0432\u0430\u0441 Node.js \u0431\u044b\u043b\u0430 \u0447\u0438\u0441\u0442\u043e I\/O bound. <br \/>  \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043b\u0443\u0447\u0448\u0435 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0434\u0440\u0443\u0433\u0438\u0435 \u0432\u0435\u0449\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <strong>process fork \/ thread pool.<\/strong><\/p>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u044b\u00a0\u0437\u043d\u0430\u0435\u043c \u043f\u0440\u043e Node.js, \u0447\u0442\u043e:<\/p>\n<ul>\n<li> \u0432\u0441\u0435 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043e \u043f\u043e\u00a0\u0444\u0430\u0437\u0430\u043c\u00a0\u2014 \u0445\u043e\u0440\u043e\u0448\u043e, \u043c\u044b\u00a0\u044d\u0442\u043e \u0447\u0435\u0442\u043a\u043e \u0437\u043d\u0430\u0435\u043c;   <\/li>\n<li> \u0435\u0441\u0442\u044c \u0437\u0430\u0449\u0438\u0442\u0430 \u043e\u0442\u00a0\u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0434\u043e\u043b\u0433\u043e\u0439 poll-\u0444\u0430\u0437\u044b, \u043d\u043e\u00a0\u043d\u0435\u00a0\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445;   <\/li>\n<li>\u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u043d\u0435\u00a0\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u0442\u044c Event Loop;<\/li>\n<li>\u041d\u043e\u00a0\u043b\u0443\u0447\u0448\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c process fork, thread pool, child process<\/li>\n<\/ul>\n<p>  \u0421\u00a0thread pool \u0442\u043e\u0436\u0435 \u043d\u0430\u0434\u043e \u0431\u044b\u0442\u044c \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u044b\u043c, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e Node.js \u0438\u0442\u0430\u043a \u043d\u0435\u043c\u0430\u043b\u043e \u0432\u0435\u0449\u0435\u0439 \u0442\u0430\u043c \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442, \u0432\u00a0\u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438, DNS resolving, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0432\u00a0Linux \u043f\u043e\u0447\u0435\u043c\u0443-\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044f DNS resolve \u043d\u0435\u00a0\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u0430\u044f. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0435\u00a0\u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u00a0ThreadPool \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c. \u0412\u00a0Windows, \u043a\u00a0\u0441\u0447\u0430\u0441\u0442\u044c\u044e, \u043d\u0435\u00a0\u0442\u0430\u043a. \u041d\u043e\u00a0\u0442\u0430\u043c \u0438\u00a0\u0444\u0430\u0439\u043b\u044b \u043c\u043e\u0436\u043d\u043e \u0447\u0438\u0442\u0430\u0442\u044c \u0430\u0441\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e. \u0412\u00a0Linux, \u043a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043d\u0435\u043b\u044c\u0437\u044f.<\/p>\n<p>  \u041f\u043e-\u043c\u043e\u0435\u043c\u0443, \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u043b\u0438\u043c\u0438\u0442\u00a0\u2014 \u044d\u0442\u043e 4\u00a0\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0432\u00a0ThreadPool. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0441\u043b\u0438 \u0432\u044b\u00a0\u0447\u0442\u043e-\u0442\u043e \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u0442\u0430\u043c \u0431\u0443\u0434\u0435\u0442\u0435 \u0434\u0435\u043b\u0430\u0442\u044c, \u0442\u043e\u00a0\u043e\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043a\u043e\u043d\u043a\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u00a0\u0432\u0441\u0435\u043c\u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c\u0438\u00a0\u2014 \u0441\u00a0fs\u00a0\u0438\u00a0\u043f\u0440\u043e\u0447\u0438\u043c\u0438. \u041c\u043e\u0436\u043d\u043e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u0438\u044f ThreadPool, \u043d\u043e\u00a0\u0442\u043e\u0436\u0435 \u043e\u0447\u0435\u043d\u044c \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u043e. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043d\u0430\u00a0\u044d\u0442\u0443 \u0442\u0435\u043c\u0443.<\/p>\n<h2>\u041c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438: \u043c\u0430\u043b\u044b\u0439 \u043a\u0440\u0443\u0433 \u043a\u0440\u043e\u0432\u043e\u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f<\/h2>\n<p>  \u0423\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u0430\u0441\u043a\u0438 \u0432\u00a0Node.js \u0438\u00a0\u0442\u0430\u0441\u043a\u0438 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u044b\u00a0\u0443\u0436\u0435 \u0441\u043b\u044b\u0448\u0430\u043b\u0438 \u043e\u00a0\u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0430\u0445. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c\u0441\u044f, \u0447\u0442\u043e \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0438\u00a0\u043a\u0430\u043a \u043e\u043d\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442, \u0438\u00a0\u043d\u0430\u0447\u043d\u0435\u043c \u0441\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432.<\/p>\n<h3> \u041c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445<br \/>  <\/h3>\n<p>  \u0427\u0442\u043e\u0431\u044b \u043f\u043e\u043d\u044f\u0442\u044c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438, \u043e\u0431\u0440\u0430\u0442\u0438\u043c\u0441\u044f \u043a\u00a0\u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0443 \u0440\u0430\u0431\u043e\u0442\u044b Event Loop \u043f\u043e\u00a0\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0443 whatwg, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u043f\u043e\u0439\u0434\u0435\u043c \u0432\u00a0\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e \u0438\u00a0\u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/cb\/kj\/76\/cbkj76j9xqsivioo2demagbbfty.png\"><\/p>\n<p>  \u041f\u0435\u0440\u0435\u0432\u043e\u0434\u044f \u043d\u0430\u00a0\u0447\u0435\u043b\u043e\u0432\u0435\u0447\u0435\u0441\u043a\u0438\u0439 \u044f\u0437\u044b\u043a, \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u044d\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n<ul>\n<li>\u0411\u0435\u0440\u0435\u043c \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u0443\u044e \u0442\u0430\u0441\u043a\u0443 \u0438\u0437\u00a0\u043d\u0430\u0448\u0435\u0439 \u043e\u0447\u0435\u0440\u0435\u0434\u0438,<\/li>\n<li>\u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0435\u0435,<\/li>\n<li>\u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c microtask checkpoint\u00a0\u2014 \u041e\u041a, \u043c\u044b\u00a0\u0435\u0449\u0435 \u043d\u0435\u00a0\u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u044d\u0442\u043e, \u043d\u043e\u00a0\u0437\u0430\u043f\u043e\u043c\u043d\u0438\u043b\u0438.<\/li>\n<li>\u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 (\u0435\u0441\u043b\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e), \u0438\u00a0\u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u0441\u044f \u043d\u0430\u00a0\u043a\u0440\u0443\u0433\u0438 \u0441\u0432\u043e\u044f.<\/li>\n<\/ul>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/1h\/rs\/ce\/1hrsceluhstlxrdjjr7ig2wh9l0.png\"><\/p>\n<p>  \u041e\u043d\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u0432\u00a0\u043c\u0435\u0441\u0442\u0435, \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u043e\u043c \u043d\u0430\u00a0\u0441\u0445\u0435\u043c\u0435, \u0438\u00a0\u0435\u0449\u0435 \u0432\u00a0\u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445, \u043e\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u044b\u00a0\u0441\u043a\u043e\u0440\u043e \u0443\u0437\u043d\u0430\u0435\u043c. \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u0442\u0430\u0441\u043a\u0430 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0430\u0441\u044c, \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f.<\/p>\n<h3>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0438 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043e\u043a<\/h3>\n<p>  <\/p>\n<ul>\n<li><strong>Promise.then.<\/strong><\/li>\n<\/ul>\n<p>  \u0412\u0430\u0436\u043d\u043e\u00a0\u2014 \u043d\u0435\u00a0\u0441\u0430\u043c Promise, \u0430\u00a0\u0438\u043c\u0435\u043d\u043d\u043e Promise.then. \u0422\u043e\u0442 \u043a\u043e\u043b\u043b\u0431\u044d\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043b\u0438 \u0432\u00a0then\u00a0\u2014 \u044d\u0442\u043e \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0430. \u0415\u0441\u043b\u0438 \u0432\u044b\u00a0\u0432\u044b\u0437\u0432\u0430\u043b\u0438 10\u00a0then\u00a0\u2014 \u0443\u00a0\u0432\u0430\u0441 10\u00a0\u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043e\u043a, 10\u00a0\u0442\u044b\u0441\u044f\u0447 then\u00a0\u2014 10\u00a0\u0442\u044b\u0441\u044f\u0447 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043e\u043a.<\/p>\n<ul>\n<li> <strong>Mutation observer.<\/strong>   <\/li>\n<li> <strong>Object.observe<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 deprecated \u0438\u00a0\u043d\u0438\u043a\u043e\u043c\u0443 \u043d\u0435\u00a0\u043d\u0443\u0436\u0435\u043d.   <\/li>\n<\/ul>\n<p>  \u041c\u043d\u043e\u0433\u0438\u0435\u00a0\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Mutation observer?<\/p>\n<p>  \u0414\u0443\u043c\u0430\u044e, \u0447\u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u0438\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 Mutation observer. \u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0431\u043e\u043b\u044c\u0448\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f Promise.then, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u0435\u0433\u043e \u043c\u044b\u00a0\u0438\u00a0\u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0432\u00a0\u043f\u0440\u0438\u043c\u0435\u0440\u0435.<\/p>\n<p>  <strong>\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b microtask checkpoint:<\/strong><\/p>\n<ul>\n<li> <strong>\u041c\u044b\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0432\u0441\u0435<\/strong>\u00a0\u2014 \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u043c\u044b\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0432\u0441\u0435 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u0434\u043e\u00a0\u043a\u043e\u043d\u0446\u0430. \u041c\u044b\u00a0\u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435\u00a0\u043e\u0442\u043f\u0443\u0441\u043a\u0430\u0435\u043c\u00a0\u2014 \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0441\u0435, \u0447\u0442\u043e \u0435\u0441\u0442\u044c, \u0431\u0435\u0440\u0435\u043c \u0438\u00a0\u0434\u0435\u043b\u0430\u0435\u043c\u00a0\u2014 \u043e\u043d\u0438 \u0432\u0435\u0434\u044c \u043c\u0438\u043a\u0440\u043e \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c, \u043f\u0440\u0430\u0432\u0434\u0430?<\/li>\n<li>\u0415\u0449\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0440\u043e\u0436\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0432\u00a0\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435, \u0438\u00a0\u043e\u043d\u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u0432\u00a0\u044d\u0442\u043e\u043c\u00a0\u0436\u0435 microtask checkpoint.<\/li>\n<li>\u0427\u0442\u043e \u0435\u0449\u0435 \u043d\u0435\u043c\u0430\u043b\u043e\u0432\u0430\u0436\u043d\u043e\u00a0\u2014 \u043e\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043d\u0435\u00a0\u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0442\u0430\u0441\u043a\u0438, \u043d\u043e\u00a0\u0438\u00a0\u043f\u043e\u0441\u043b\u0435 \u043e\u0447\u0438\u0441\u0442\u043a\u0438 \u0441\u0442\u0435\u043a\u0430.<\/li>\n<\/ul>\n<p>  \u042d\u0442\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0440\u043e\u0436\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0438\u00a0\u043c\u044b\u00a0\u0432\u0441\u0435 \u0438\u0445\u00a0\u0434\u043e\u00a0\u043a\u043e\u043d\u0446\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c. \u041a\u00a0\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u043d\u0430\u0441 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438?<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/yr\/i_\/i9\/yri_i9mhp2jz-6nyyj7pvfwl6yg.png\"><br \/>  \u0423\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u0441\u0435\u0440\u0434\u0446\u0430. \u041f\u0435\u0440\u0432\u043e\u0435 \u0441\u0435\u0440\u0434\u0446\u0435 \u044f\u00a0\u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043b\u00a0JS \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439, \u0430\u00a0\u0432\u0442\u043e\u0440\u043e\u0435\u00a0\u2014 CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439. \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0435\u0449\u0435 \u043e\u0434\u043d\u0430 \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f starveMicrotasks. \u041c\u044b\u00a0\u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c Promise.resolve, \u0430\u00a0\u043f\u043e\u0442\u043e\u043c \u0432\u00a0then \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u043c \u044d\u0442\u0443\u00a0\u0436\u0435 \u0441\u0430\u043c\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u044e. <br \/>  \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0432\u00a0<a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/#36\">\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/a>, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442, \u0435\u0441\u043b\u0438 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e.<\/p>\n<p>  \u0414\u0430, \u0441\u0435\u0440\u0434\u0446\u0435\u00a0JS \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043c\u044b\u00a0\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0443, \u0430\u00a0\u043f\u043e\u0442\u043e\u043c \u0432\u00a0\u043d\u0435\u0439 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0443, \u0430\u00a0\u043f\u043e\u0442\u043e\u043c \u0432\u00a0\u043d\u0435\u0439 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0443\u2026 \u0418\u00a0\u0442\u0430\u043a \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e.<\/p>\n<p>  \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043e\u043a \u043f\u043e\u0432\u0435\u0441\u0438\u0442 \u0432\u0441\u0435. \u041d\u043e, \u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c\u00a0\u0431\u044b, \u0443\u00a0\u043c\u0435\u043d\u044f \u0432\u0441\u0435 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435! \u0414\u043e\u043b\u0436\u043d\u043e \u043e\u0442\u043f\u0443\u0441\u0442\u0438\u0442\u044c\u0441\u044f, \u044f\u00a0\u0436\u0435 setTimeout \u0442\u0430\u043c \u0432\u044b\u0437\u044b\u0432\u0430\u043b. \u041d\u0435\u0442! \u041a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0441\u00a0\u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0430\u043c\u0438 \u043d\u0430\u0434\u043e \u0431\u044b\u0442\u044c \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u044b\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0441\u043b\u0438 \u0432\u044b\u00a0\u043a\u0430\u043a-\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432, \u0431\u0443\u0434\u044c\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u00a0\u2014 \u0432\u044b\u00a0\u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0441\u0435 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u0442\u044c.<\/p>\n<p>  \u041a\u00a0\u0442\u043e\u043c\u0443\u00a0\u0436\u0435, \u043a\u0430\u043a \u043c\u044b\u00a0\u043f\u043e\u043c\u043d\u0438\u043c, \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0432\u00a0\u043a\u043e\u043d\u0446\u0435 \u043e\u0447\u0438\u0441\u0442\u043a\u0438 \u0441\u0442\u0435\u043a\u0430. \u041c\u044b\u00a0\u043f\u043e\u043c\u043d\u0438\u043c, \u0447\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0441\u0442\u0435\u043a. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u044b\u00a0\u0438\u0437\u00a0\u043d\u0430\u0448\u0435\u0433\u043e \u043a\u043e\u0434\u0430 \u0432\u044b\u0448\u043b\u0438, \u043a\u043e\u043b\u043b\u0431\u044d\u043a setTimeout \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u043b\u0438\u00a0\u2014 \u0432\u0441\u0435\u00a0\u2014 \u0442\u0443\u0442\u00a0\u0436\u0435 \u043f\u043e\u0448\u043b\u0438 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043a\u00a0\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u043c side-\u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c.<\/p>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c <a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/#37\">\u043f\u0440\u0438\u043c\u0435\u0440<\/a>.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/kf\/e-\/tq\/kfe-tqsysmprki74ayahty-n9ke.png\"><\/p>\n<p>  \u0415\u0441\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0430 \u0438\u00a0\u0441\u0435\u0440\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043d\u0430 \u043b\u0435\u0436\u0438\u0442. \u041c\u044b\u00a0\u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430\u00a0\u043a\u043b\u0438\u043a \u0438\u00a0\u043a\u043d\u043e\u043f\u043a\u0438, \u0438\u00a0\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430. \u0421\u043e\u0431\u044b\u0442\u0438\u044f, \u043a\u0430\u043a \u043c\u044b\u00a0\u0437\u043d\u0430\u0435\u043c, \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0442, \u0442\u043e\u00a0\u0435\u0441\u0442\u044c \u043e\u043d\u0438 \u043f\u043e\u044f\u0432\u044f\u0442\u0441\u044f \u0442\u0430\u043c \u0438\u00a0\u0442\u0430\u043c.<\/p>\n<p>  \u0412\u00a0\u0445\u044d\u043d\u0434\u043b\u0435\u0440\u0430\u0445 \u043c\u044b\u00a0\u0434\u0435\u043b\u0430\u0435\u043c 2\u00a0\u0432\u0435\u0449\u0438:<\/p>\n<ol>\n<li>Promise.resolve;<\/li>\n<li>.then, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0432\u043e\u0434\u0438\u043c console.log(\u2019RO\u2019)<\/li>\n<\/ol>\n<p>  \u0412 \u0441\u0430\u043c\u043e\u043c \u0445\u044d\u043d\u0434\u043b\u0435\u0440\u0435 \u043c\u044b \u043f\u043e\u0442\u043e\u043c \u0432\u0432\u043e\u0434\u0438\u043c \u00abFUS\u00bb, \u0430 \u0432 \u0445\u044d\u043d\u0434\u043b\u0435\u0440\u0435 \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u2013 \u00abDAH!\u00bb (\u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432\u0441\u043f\u043b\u044b\u0432\u0435\u0442).<\/p>\n<p>  \u041a\u0430\u043a \u0432\u044b \u0434\u0443\u043c\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438? \u0412 \u044d\u0442\u0438\u0445 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\u0445 \u0435\u0441\u0442\u044c \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430, \u0438 \u043a\u0430\u043a \u043d\u0438 \u0441\u0442\u0440\u0430\u043d\u043d\u043e, \u0432\u044b\u0432\u0435\u0434\u0435\u0442\u0441\u044f \u0438\u043c\u0435\u043d\u043d\u043e \u00abFUS RO DAH!\u00bb \u041e\u0442\u043b\u0438\u0447\u043d\u043e! \u0412\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043a\u0430\u043a \u043c\u044b \u043e\u0436\u0438\u0434\u0430\u043b\u0438.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/3g\/b6\/w3\/3gb6w3gi4es-fzxcicyk2batfm8.png\"><\/p>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0442\u0435\u043f\u0435\u0440\u044c \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0442\u043e\u0442 \u0436\u0435 \u0441\u0430\u043c\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u043c\u044b \u043a\u043b\u0438\u043a\u0430\u043b\u0438 \u043f\u043e \u043a\u043d\u043e\u043f\u043a\u0435 \u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0437\u0430 \u043d\u0430\u0441 \u0432\u044b\u0437\u044b\u0432\u0430\u043b \u0445\u044d\u043d\u0434\u043b\u0435\u0440, \u0430 \u0441\u0435\u0439\u0447\u0430\u0441 \u043c\u044b \u0441\u0430\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e \u0432\u044b\u0437\u043e\u0432\u0435\u043c \u044d\u0442\u043e\u0442 \u043a\u043b\u0438\u043a. \u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b \u2013 \u043a\u0430\u043a\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430. \u0414\u0443\u043c\u0430\u0435\u0442\u0435, \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f \u0438\u043b\u0438 \u043d\u0435\u0442?<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/uo\/-t\/dx\/uo-tdxdjrfwgt0vvse4a6vuqips.png\"><\/p>\n<p>  \u041a\u043e\u043d\u0435\u0447\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f! \u041f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0438\u043d\u0430\u0447\u0435 \u044f \u0431\u044b \u044d\u0442\u043e\u0442 \u0432\u043e\u043f\u0440\u043e\u0441 \u043d\u0435 \u0437\u0430\u0434\u0430\u0432\u0430\u043b.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/yk\/ob\/w3\/ykobw30-vcw5h6t6vvlitwk-y2a.png\"><\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0437\u0431\u0435\u0440\u0435\u043c\u0441\u044f, \u043f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442.<\/p>\n<p>  \u0418\u0442\u0430\u043a, \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043d\u0430\u0448 \u043f\u0435\u0440\u0432\u044b\u0439 \u043a\u043e\u0434, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u0441\u0442\u044c \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043e\u043a, \u0438\u00a0\u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0441\u0442\u0435\u043a. \u041c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f <a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/#39\">\u0432\u00a0\u043f\u0435\u0440\u0432\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435<\/a>.<\/p>\n<ul>\n<li>\u041f\u0435\u0440\u0432\u044b\u0439 \u0440\u0430\u0437 \u043c\u044b\u00a0\u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0430\u0445\u043e\u0434\u0438\u043c \u0432\u00a0\u043d\u0430\u0448 \u0445\u044d\u043d\u0434\u043b\u0435\u0440\u00a0\u2014 buttonHandleClick, \u043a\u043b\u0430\u0434\u0435\u043c \u0435\u0433\u043e \u043d\u0430\u00a0\u0441\u0442\u0435\u043a.<\/li>\n<li>\u041f\u043e\u0442\u043e\u043c \u043c\u044b\u00a0\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c Promise.resolve. \u041e\u043d\u00a0\u0442\u043e\u0436\u0435 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043d\u0430\u00a0\u0441\u0442\u0435\u043a. \u041c\u044b\u00a0\u0435\u0433\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043b\u0438, \u0438\u00a0\u043e\u043d\u00a0\u043d\u0430\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0443 console.log(\u2019RO\u2019) \u0432\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u044c. \u041c\u044b\u00a0\u0435\u0435\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043b\u0438.<\/li>\n<li>\u0417\u0430\u0442\u0435\u043c \u043c\u044b\u00a0\u0432\u0432\u043e\u0434\u0438\u043c \u0438\u00a0\u043e\u0442\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c console.log(\u2019FUS\u2019).<\/li>\n<li>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e buttonHandleClick \u0443\u00a0\u043d\u0430\u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0441\u044f \u0438\u00a0\u0441\u0442\u0435\u043a \u043e\u0447\u0438\u0441\u0442\u0438\u043b\u0441\u044f. \u041c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u044c \u043d\u0430\u0448\u0443 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0443 \u0438\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c\u00a0\u0435\u0435.<\/li>\n<li>\u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u0435\u0442, \u043c\u044b\u00a0\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432\u043e\u00a0\u0432\u0442\u043e\u0440\u043e\u0439 \u0445\u044d\u043d\u0434\u043b\u0435\u0440 (divHandleClick) \u0438\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0435\u0433\u043e \u043a\u043e\u0434, \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u00abDAH!\u00bb.<\/li>\n<li>HandleClick \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0441\u044f.<\/li>\n<\/ul>\n<p>  \u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c\u00a0\u0431\u044b, \u0432\u0441\u0435 \u043a\u043b\u0430\u0441\u0441\u043d\u043e \u0438\u00a0\u0432\u0441\u0435 \u043b\u043e\u0433\u0438\u0447\u043d\u043e. \u041f\u043e\u0447\u0435\u043c\u0443 \u0432\u00a0\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0443\u00a0\u043d\u0430\u0441 \u0432\u0441\u0435 \u043d\u0435\u00a0\u0442\u0430\u043a? \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u043c \u043f\u043e\u0442\u043e\u043a \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f <a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/#40\">\u0432\u043e\u00a0\u0432\u0442\u043e\u0440\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435<\/a>:<\/p>\n<ul>\n<li>\u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f button.click(). \u041c\u044b\u00a0\u043a\u043b\u0430\u0434\u0435\u043c \u0435\u0433\u043e \u043d\u0430\u00a0\u0441\u0442\u0435\u043a.<\/li>\n<li>\u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432\u00a0button HandleClick.<\/li>\n<li>\u0412\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c Promise.resolve \u0441\u00a0then. \u041e\u043d\u00a0\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043d\u0430\u043c \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0443 \u0432\u00a0\u043e\u0447\u0435\u0440\u0435\u0434\u044c, Promise.resolve \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f.<\/li>\n<li>\u0414\u0430\u043b\u044c\u0448\u0435 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432\u00a0console.log \u0438\u00a0\u0432\u0432\u043e\u0434\u0438\u043c \u00abFUS\u00bb.<\/li>\n<li>\u041c\u044b\u00a0\u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438 \u0442\u0435\u043b\u043e buttonHandleClick \u0438\u00a0\u0432\u044b\u0445\u043e\u0434\u0438\u043c \u0438\u0437\u00a0\u043d\u0435\u0433\u043e, \u0441\u043d\u0438\u043c\u0430\u0435\u043c \u0435\u0433\u043e \u0441\u043e\u00a0\u0441\u0442\u0435\u043a\u0430.<\/li>\n<\/ul>\n<p>  \u041d\u043e\u00a0\u043d\u0430\u0448 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0439 \u043c\u0435\u0442\u043e\u0434 (click) \u043d\u0435\u00a0\u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0441\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u0430\u043c \u0435\u0449\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u0445\u044d\u043d\u0434\u043b\u0435\u0440\u044b \u0435\u0441\u0442\u044c, \u0438\u00a0\u0441\u0442\u0435\u043a \u043d\u0435\u00a0\u043e\u0447\u0438\u0449\u0435\u043d. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b\u00a0\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432\u00a0divHandleClick\u00a0\u0438, \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0435\u043c console.log(\u2019DAH!\u2019) \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u043b\u0438. \u0418\u00a0\u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0443\u00a0\u043d\u0430\u0441 \u043e\u0447\u0438\u0441\u0442\u0438\u043b\u0441\u044f \u0441\u0442\u0435\u043a, \u0438\u00a0\u043c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u043d\u0430\u0448\u0443 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0443.<\/p>\n<p>  \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b\u00a0\u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c button.click \u0432\u043e\u00a0\u0432\u0441\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0442\u0435\u0441\u0442\u0430\u0445. <br \/>  \u0421\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e \u044d\u0442\u043e\u0433\u043e \u043b\u0435\u0433\u043a\u043e \u0432\u044b\u0441\u0442\u0440\u0435\u043b\u0438\u0442\u044c \u0441\u0435\u0431\u0435 \u0432\u00a0\u043d\u043e\u0433\u0443. \u0412\u0441\u043f\u043b\u044b\u0442\u0438\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u00a0\u043c\u043e\u0434\u0430\u043b\u044c\u043d\u044b\u0445 \u043e\u043a\u043d\u0430\u0445. \u0427\u0430\u0441\u0442\u043e \u0431\u044b\u0432\u0430\u0435\u0442, \u0447\u0442\u043e \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u0435\u0441\u043b\u0438 \u0432\u043d\u0435 \u0435\u0433\u043e \u043a\u043b\u0438\u043a\u043d\u0443\u0442\u044c.<\/p>\n<p>  \u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u0430\u043a: \u043c\u044b\u00a0\u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430\u00a0\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 (\u043a\u043b\u0438\u043a) \u0438\u00a0\u043d\u0430\u00a0\u0441\u0430\u043c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430 (\u0442\u043e\u0436\u0435 \u043d\u0430\u00a0\u043a\u043b\u0438\u043a). \u0415\u0441\u043b\u0438 \u043c\u044b\u00a0\u0433\u0434\u0435-\u0442\u043e \u043a\u043b\u0438\u043a\u043d\u0443\u043b\u0438, \u0438\u00a0\u043e\u043d\u043e \u0434\u043e\u0448\u043b\u043e \u0434\u043e\u00a0\u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u043a\u043d\u0430, \u043c\u044b\u00a0\u0434\u0435\u043b\u0430\u0435\u043c stopPropagation. \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u0442\u043e\u00a0\u043e\u043d\u043e \u0434\u043e\u0445\u043e\u0434\u0438\u0442 \u0434\u043e\u00a0\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u0435\u0442 \u043a\u043b\u0438\u043a, \u043c\u044b\u00a0\u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c, \u0447\u0442\u043e \u043c\u044b\u00a0\u0433\u0434\u0435-\u0442\u043e \u0437\u0430\u00a0\u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u043a\u043b\u0438\u043a\u043d\u0443\u043b\u0438, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u043e\u043a\u043d\u043e.<\/p>\n<p>  \u0410\u00a0\u0447\u0442\u043e, \u0435\u0441\u043b\u0438 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0437\u043b\u043e\u0439 \u0433\u0435\u043d\u0438\u0439 (\u0438\u043b\u0438 junior-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442) \u043f\u043e\u043f\u044b\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443\u00a0\u2014 \u0442\u0438\u043f\u0430 \u043c\u044b\u00a0\u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c \u043d\u0430\u00a0\u043a\u043d\u043e\u043f\u043a\u0443 \u00ab\u041f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c\u00bb, \u0443\u00a0\u043d\u0430\u0441 \u0438\u0434\u0435\u0442 promise, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0435\u0437\u043e\u043b\u0432\u0438\u0442\u0441\u044f, \u0430\u00a0\u043f\u043e\u0442\u043e\u043c \u0432\u00a0then \u043c\u044b\u00a0\u0440\u0435\u0448\u0430\u0435\u043c, \u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0438\u043b\u0438 \u043d\u0435\u0442. \u0412\u00a0\u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f, \u0447\u0442\u043e <strong>\u0432\u00a0\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0434\u043d\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435, \u0430\u00a0\u0432\u00a0\u0442\u0435\u0441\u0442\u0430\u0445 \u0434\u0440\u0443\u0433\u043e\u0435<\/strong>: \u043b\u0438\u0431\u043e \u0442\u0435\u0441\u0442 \u0443\u043f\u0430\u0434\u0435\u0442, \u0430\u00a0\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043d\u0435\u00a0\u0443\u043f\u0430\u0434\u0435\u0442, \u043b\u0438\u0431\u043e \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442. \u0411\u0443\u0434\u0435\u0442 \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u043e. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043b\u0443\u0447\u0448\u0435 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0435\u00a0\u0437\u0430\u0432\u044f\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u00a0\u044d\u0442\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435, \u043d\u0435\u00a0\u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u043f\u0440\u0438\u0434\u0443\u043c\u0430\u0442\u044c \u043f\u043e\u0432\u0435\u0440\u0445 \u044d\u0442\u043e\u0433\u043e \u0438\u00a0\u0434\u0435\u043b\u0430\u0442\u044c \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e.<\/p>\n<p>  \u0421\u0435\u0439\u0447\u0430\u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 (\u044f\u00a0\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u043b\u00a04) \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0441\u00a0\u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0430\u043c\u0438 \u0445\u043e\u0440\u043e\u0448\u043e, \u0438\u00a0\u044d\u0442\u043e \u0432\u0441\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0432\u00a0\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u0435. \u041d\u043e\u00a0\u0440\u0430\u043d\u044c\u0448\u0435 \u044d\u0442\u043e\u0433\u043e \u043d\u0435\u00a0\u0431\u044b\u043b\u043e, \u0438\u00a0\u043d\u0438\u043a\u0442\u043e \u0432\u0430\u043c, \u043a\u00a0\u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043d\u0435\u00a0\u043c\u043e\u0436\u0435\u0442 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0447\u0442\u043e \u043d\u0435\u00a0\u0431\u0443\u0434\u0435\u0442 \u0431\u0430\u0433\u043e\u0432 \u0438\u00a0\u043a\u0430\u043a\u0438\u0445-\u0442\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0445\u0438\u0442\u0440\u044b\u0445 \u043a\u0435\u0439\u0441\u043e\u0432. \u0422\u0430\u043a \u0447\u0442\u043e \u043b\u0443\u0447\u0448\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u00a0\u043d\u0435\u00a0\u0437\u0430\u0432\u044f\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u00a0\u044d\u0442\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435.<\/p>\n<p>  <strong>\u041e\u00a0\u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0430\u0445 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u043c\u044b\u00a0\u0443\u0437\u043d\u0430\u043b\u0438, \u0447\u0442\u043e:<\/strong><\/p>\n<ul>\n<li>\u0421\u00a0\u0438\u0445\u00a0\u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u0442\u044c Event Loop. \u042d\u0442\u043e \u043d\u0435\u043f\u0440\u0438\u044f\u0442\u043d\u043e.<\/li>\n<li>\u041e\u043d\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u043f\u043e\u0441\u043b\u0435 \u0442\u0430\u0441\u043a\u0438 \u0438\u00a0\u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u043f\u0443\u0441\u0442\u0435\u0435\u0442 \u0441\u0442\u0435\u043a.<\/li>\n<\/ul>\n<p>  \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043f\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u0442\u0430\u0441\u043a\u0438 \u043e\u043d\u0438 \u0442\u043e\u0436\u0435 \u043c\u043e\u0433\u0443\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c\u0441\u044f, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0441\u0442\u0435\u043a \u043e\u0447\u0438\u0441\u0442\u0438\u043b\u0441\u044f. \u041a\u043b\u0438\u043a\u00a0\u2014 \u044d\u0442\u043e \u043e\u0434\u043d\u0430 \u0442\u0430\u0441\u043a\u0430, \u043d\u043e\u00a0\u0441\u0442\u0435\u043a \u043e\u0447\u0438\u0441\u0442\u0438\u043b\u0441\u044f \u043f\u043e\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u043d\u0435\u0435, \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0432\u044b\u043b\u0435\u0437\u043b\u0438.<\/p>\n<h2> \u041c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0432\u00a0Node.js<br \/>  <\/h2>\n<p>  \u041c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0432\u00a0Node.js \u044d\u0442\u043e Promise.then \u0438\u00a0process.nextTick. \u0418\u00a0\u043e\u043d\u0438 \u0442\u043e\u0436\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u043f\u0443\u0441\u0442\u0435\u0435\u0442 \u0441\u0442\u0435\u043a\u00a0\u2014 \u043d\u0435\u00a0\u0432\u00a0\u043a\u043e\u043d\u0446\u0435 \u0444\u0430\u0437\u044b. \u041f\u0440\u043e\u0441\u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u0444\u0430\u0437\u0430 \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0441\u0442\u0435\u043a, \u043a\u0430\u043a \u043d\u0438\u00a0\u0441\u0442\u0440\u0430\u043d\u043d\u043e, \u043f\u0443\u0441\u0442\u0435\u0435\u0442.<\/p>\n<h3> process.nextTick<br \/>  <\/h3>\n<p>  \u0425\u043e\u0440\u043e\u0448\u043e, \u043d\u043e\u00a0\u0437\u0430\u0447\u0435\u043c \u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d process.nextTick, \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c setImmediate? \u0417\u0430\u0447\u0435\u043c \u043d\u0430\u043c \u0432\u043e\u043e\u0431\u0449\u0435 \u043c\u0438\u043a\u0440\u043e\u0442\u0430\u0441\u043a\u0438 \u0432\u00a0Node.js \u0432\u00a0\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435?<\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430\u00a0\u043f\u0440\u0438\u043c\u0435\u0440. \u0423\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f createServer, \u043e\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u0435\u0442 EventEmitter, \u0434\u0430\u043b\u044c\u0448\u0435 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043d\u0430\u043c \u043e\u0431\u044a\u0435\u043a\u0442, \u0443\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u043c\u0435\u0442\u043e\u0434 listen (\u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u00a0\u043f\u043e\u0440\u0442), \u0438\u00a0\u044d\u0442\u043e\u0442 \u043c\u0435\u0442\u043e\u0434 \u044d\u043c\u0438\u0442\u0442\u0438\u0442 \u043d\u0430\u0448\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435.<\/p>\n<pre><code class=\"javascript\">const createServer = () =&gt; {   const evEmitter = new EventEmitter()   return {     listen: port =&gt; {       evEmitter.emit('listening', port)       return evEmitter     }   } }  const server = createServer().listen(8080)  server.on('listening', () =&gt; console.log('listening')) <\/code><\/pre>\n<p>  \u041f\u043e\u0442\u043e\u043c \u043c\u044b\u00a0\u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0441\u0435\u0440\u0432\u0435\u0440, \u0441\u043b\u0443\u0448\u0430\u0435\u043c \u043f\u043e\u0440\u0442 8080, \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430\u00a0\u0441\u043e\u0431\u044b\u0442\u0438\u0435 listening \u0438\u00a0\u0432\u00a0console.log \u043f\u0438\u0448\u0435\u043c \u0447\u0442\u043e-\u0442\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0440\u043d\u043e\u0435.<\/p>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u0443\u043c\u0430\u0435\u043c, \u043a\u0430\u043a \u043d\u0430\u00a0\u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u044d\u0442\u043e\u0442 \u043a\u043e\u0434, \u0438\u00a0\u0435\u0441\u0442\u044c\u00a0\u043b\u0438 \u0441\u00a0\u043d\u0438\u043c \u043a\u0430\u043a\u0430\u044f-\u0442\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430.<\/p>\n<p>  \u041c\u044b\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044e createServer, \u0438\u00a0\u043e\u043d\u0430 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442. \u0423\u00a0\u044d\u0442\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043c\u044b\u00a0\u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u043c\u0435\u0442\u043e\u0434 listen, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b\u00a0\u0443\u0436\u0435 \u044d\u043c\u0438\u0442\u0438\u043c \u0441\u043e\u0431\u044b\u0442\u0438\u0435, \u043d\u043e\u00a0\u043c\u044b\u00a0\u0435\u0449\u0435 \u043d\u0435\u00a0\u0443\u0441\u043f\u0435\u043b\u0438 \u043d\u0430\u00a0\u043d\u0435\u0433\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f. \u0423\u00a0\u043d\u0430\u0441 \u0435\u0449\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0441\u0442\u0440\u043e\u0447\u043a\u0430 \u0434\u0430\u0436\u0435 \u043d\u0435\u00a0\u0438\u0441\u043f\u043e\u043b\u043d\u0438\u043b\u0430\u0441\u044c.<\/p>\n<p>  \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043c\u044b\u00a0\u043d\u0430\u00a0\u0441\u043e\u0431\u044b\u0442\u0438\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c, \u043d\u043e\u00a0\u0435\u0433\u043e \u043d\u0435\u00a0\u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438. \u0427\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c? \u041c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c process.nextTick: \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c evEmitter.emit(\u2019listening\u2019, port) \u043d\u0430\u00a0process.nextTick(() =&gt; evEmitter.emit(\u2019listening\u2019, port)).<\/p>\n<p>  \u0421\u0443\u0442\u044c \u0432\u00a0\u0442\u043e\u043c, \u0447\u0442\u043e <strong>process.nextTick \u0441\u0442\u043e\u0438\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0432\u044b\u0437\u043e\u0432\u0430 \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u044b \u0432\u0430\u043c<\/strong>. \u0421\u00a0\u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f EventEmitter, \u044d\u0442\u043e \u0442\u043e\u0436\u0435 \u043f\u043e\u00a0\u0441\u0443\u0442\u0438 \u043a\u043e\u043b\u043b\u0431\u044d\u043a. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0432\u0430\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u043b\u0438 \u043a\u043e\u043b\u043b\u0431\u044d\u043a, \u043d\u043e\u00a0\u043e\u0442\u00a0\u0432\u0430\u0441 \u043e\u0436\u0438\u0434\u0430\u044e\u0442 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0433\u043e API, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u044d\u0442\u043e\u0442 \u043a\u043e\u043b\u043b\u0431\u044d\u043a \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u043d\u0435\u00a0\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b\u00a0\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c process.nextTick, \u0438\u00a0\u044d\u0442\u043e\u0442 emit \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a userland \u043a\u043e\u0434 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u0442\u0441\u044f. \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u043c\u044b\u00a0\u043e\u0431\u044a\u044f\u0432\u0438\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e createServer, \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u043b\u0438\u00a0\u0435\u0435, \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u043b\u0438 listen, \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c \u043d\u0430\u00a0\u0441\u043e\u0431\u044b\u0442\u0438\u0435 listening. \u0421\u0442\u0435\u043a \u0443\u00a0\u043d\u0430\u0441 \u043e\u0447\u0438\u0441\u0442\u0438\u043b\u0441\u044f\u00a0\u2014 \u0432\u00a0\u044d\u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 process.nextTick\u00a0\u2014 \u0431\u0443\u043c! \u042d\u043c\u0438\u0442\u0438\u043c \u0441\u043e\u0431\u044b\u0442\u0438\u0435, \u043c\u044b\u00a0\u0443\u0436\u0435 \u043d\u0430\u00a0\u043d\u0435\u0433\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044c, \u0432\u0441\u0435 \u043a\u043b\u0430\u0441\u0441\u043d\u043e.<\/p>\n<p>  \u042d\u0442\u043e\u0442 \u043a\u0435\u0439\u0441 \u0434\u043b\u044f \u043e\u043f\u0440\u043e\u0441\u0430 process.nextTick \u0432\u00a0\u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c. \u0422\u043e\u00a0\u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0434\u043b\u044f \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u0430, \u0432\u00a0\u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0438\u00a0\u0441\u00a0\u043e\u0448\u0438\u0431\u043a\u0430\u043c\u0438 \u0442\u0430\u043a\u0430\u044f\u00a0\u0436\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u044f.<\/p>\n<p>  \u041d\u043e\u00a0\u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e process.nextTick \u043e\u0431\u043b\u0430\u0434\u0430\u0435\u0442 \u0442\u0430\u043a\u0438\u043c\u00a0\u0436\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435\u043c, \u043a\u0430\u043a Promise.then \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u0415\u0441\u043b\u0438 \u0432\u044b\u00a0\u0431\u0443\u0434\u0435\u0442\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c process.nextTick \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e, \u043d\u0438\u043a\u0442\u043e \u0432\u0430\u043c \u043d\u0435\u00a0\u043f\u043e\u043c\u043e\u0436\u0435\u0442\u00a0\u2014 \u0443\u00a0\u0432\u0430\u0441 \u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u043d\u0435\u0442, \u0437\u0430\u0432\u0438\u0441\u043d\u0443\u0442 \u0438\u00a0Event Loop, \u0438\u00a0Node.js. \u041f\u043e\u044d\u0442\u043e\u043c\u0443, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435\u00a0\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0442\u0430\u043a.<\/p>\n<p>  <strong>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 process.nextTick \u0442\u043e\u043b\u044c\u043a\u043e \u0432\u00a0\u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445<\/strong>, \u0438\u043d\u0430\u0447\u0435 \u043b\u0443\u0447\u0448\u0435 ghbvtybnm \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c setImmediate \u0441\u00a0\u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u044b\u043c\u0438 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u0430\u043c\u0438, \u0438\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043e\u0442\u0434\u0430\u0442\u044c \u044d\u0442\u043e \u0432\u00a0\u043c\u043e\u0434\u0443\u043b\u044c \u043d\u0430\u00a0C++ \u0438\u00a0\u0442.\u0434. \u0410\u00a0process.nextTick \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0440\u0430\u0437 \u0434\u043b\u044f \u0432\u044b\u0437\u043e\u0432\u0430 \u043a\u043e\u043b\u043b\u0431\u044d\u043a\u043e\u0432.<\/p>\n<h2>Async\/await<\/h2>\n<p>  \u0415\u0449\u0435 \u0443\u00a0\u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u0430\u043a\u043e\u0435 API\u00a0\u2014 async\/await, \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u044b. \u0420\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043e\u043d\u0438 \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e. \u041a\u0430\u043a \u043c\u044b\u00a0\u0432\u0441\u0435 \u0437\u043d\u0430\u0435\u043c, async\/await \u043e\u0441\u043d\u043e\u0432\u0430\u043d \u043d\u0430\u00a0Promise, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u00a0\u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f Event Loop \u043e\u043d\u00a0\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u00a0\u0436\u0435. \u0415\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f \u0432\u00a0\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043d\u043e\u00a0\u0441\u00a0\u043d\u0430\u0448\u0435\u0439 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u044d\u0442\u043e \u0432\u0441\u0435 \u0442\u043e\u00a0\u0436\u0435 \u0441\u0430\u043c\u043e\u0435.<\/p>\n<h2>\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438<\/h2>\n<p>  <\/p>\n<ul>\n<li> \u0415\u0449\u0435 \u0440\u0430\u0437 <a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/\">\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430\u00a0\u0441\u043b\u0430\u0439\u0434\u044b<\/a> \u0438\u00a0\u043d\u0430\u00a0<a href=\"https:\/\/github.com\/saitonakamura\/ivan-tooloop\">\u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a>.   <\/li>\n<li> <a href=\"https:\/\/www.youtube.com\/watch?v=8aGhZQkoFbQ\">Philip Roberts. What the heck is\u00a0the event loop anyway?<\/a>   <\/li>\n<li> <a href=\"https:\/\/youtu.be\/PNa9OMajw9w\">Bert Belder. Everything you need to\u00a0know about Node.js event loop.<\/a>   <\/li>\n<li> <a href=\"https:\/\/www.youtube.com\/watch?v=cCOL7MC4Pl0\">Jake Archibald. In\u00a0the Loop<\/a>.   <\/li>\n<li> <a href=\"https:\/\/nodejs.org\/en\/docs\/guides\/event-loop-timers-and-nexttick\/\">The Node.js Event Loop, Timers, and process.nextTick()<\/a>   <\/li>\n<li> <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/webappapis.html#event-loop-processing-model\">WHATWG Specification event loop processing model<\/a>   <\/li>\n<\/ul>\n<p>  <strong>\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435\u00a0\u0434\u0430\u0439\u0442\u0435 \u0418\u0432\u0430\u043d\u0443 \u0422\u0443\u043b\u0443\u043f\u0443 \u0443\u043c\u0435\u0440\u0435\u0442\u044c! <\/strong><\/p>\n<blockquote><p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u043c\u043e\u0431\u044b\u0442\u043d\u044b\u0439 <a href=\"http:\/\/frontendconf.ru\/moscow\/2018\">Frontend Conf<\/a> \u0443\u0436\u0435 \u043d\u0435\u00a0\u0437\u0430\u00a0\u0433\u043e\u0440\u0430\u043c\u0438\u00a0\u2014 4\u00a0\u0438\u00a05\u00a0\u043e\u043a\u0442\u044f\u0431\u0440\u044f \u0432\u00a0\u041c\u043e\u0441\u043a\u0432\u0435, \u0432\u00a0\u0418\u043d\u0444\u043e\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435. \u041f\u0440\u0438\u0435\u043c \u0434\u043e\u043a\u043b\u0430\u0434\u043e\u0432 \u0443\u0436\u0435 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0441\u044f, \u0438\u00a0\u043c\u044b\u00a0\u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0442\u0435\u043c\u0430\u043c\u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043d\u044b\u0445 \u0437\u0430\u044f\u0432\u043e\u043a:<\/p>\n<ul>\n<li> <a href=\"http:\/\/frontendconf.ru\/moscow\/2018\/abstracts\/3329\">Grid Layout \u043a\u0430\u043a \u043e\u0441\u043d\u043e\u0432\u0430 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0440\u0430\u0441\u043a\u043b\u0430\u0434\u043a\u0438<\/a>\u00a0\/ \u0421\u0435\u0440\u0433\u0435\u0439 \u041f\u043e\u043f\u043e\u0432 (\u041b\u0438\u0433\u0430\u00a0\u0410.)   <\/li>\n<li> <a href=\"http:\/\/frontendconf.ru\/moscow\/2018\/abstracts\/3931\">Building decentralised apps with JS<\/a>\u00a0\/ \u041c\u0438\u0445\u0430\u0438\u043b \u041a\u0443\u0437\u043d\u0435\u0446\u043e\u0432 (ING)   <\/li>\n<li> <a href=\"http:\/\/frontendconf.ru\/moscow\/2018\/abstracts\/3513\"> \u0417\u0430\u043a\u044d\u0448\u0438\u0440\u0443\u0439 \u044d\u0442\u043e <\/a>\u00a0\/ \u0412\u0441\u0435\u0432\u043e\u043b\u043e\u0434 \u0428\u043c\u044b\u0440\u043e\u0432 (\u042f\u043d\u0434\u0435\u043a\u0441)   <\/li>\n<li> <a href=\"http:\/\/frontendconf.ru\/moscow\/2018\/abstracts\/3829\">StoreWars (ngxs, redux, vuex)<\/a>\u00a0\/ \u041a\u0438\u0440\u0438\u043b\u043b \u042e\u0441\u0443\u043f\u043e\u0432, \u041c\u0430\u043a\u0441\u0438\u043c \u0418\u0432\u0430\u043d\u043e\u0432 (Cinimex)   <\/li>\n<\/ul>\n<p>  \u041f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0435, \u0431\u0443\u0434\u0435\u0442 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e!  <\/p><\/blockquote>\n<\/div>\n<p>        <script class=\"js-mediator-script\">!function(e){function t(t,n){if(!(n in e)){for(var r,a=e.document,i=a.scripts,o=i.length;o--;)if(-1!==i[o].src.indexOf(t)){r=i[o];break}if(!r){r=a.createElement(\"script\"),r.type=\"text\/javascript\",r.async=!0,r.defer=!0,r.src=t,r.charset=\"UTF-8\";var d=function(){var e=a.getElementsByTagName(\"script\")[0];e.parentNode.insertBefore(r,e)};\"[object Opera]\"==e.opera?a.addEventListener?a.addEventListener(\"DOMContentLoaded\",d,!1):e.attachEvent(\"onload\",d):d()}}}t(\"\/\/mediator.mail.ru\/script\/2820404\/\",\"_mediator\")}(window);<\/script>     <br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/post\/417461\/\"> https:\/\/habr.com\/post\/417461\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div data-io-article-url=\"https:\/\/habr.com\/company\/oleg-bunin\/blog\/417461\/\" class=\"post__text post__text-html js-mediator-article\">\u0410\u00a0\u0432\u044b\u00a0\u0437\u043d\u0430\u043a\u043e\u043c\u044b \u0441\u00a0\u0418\u0432\u0430\u043d\u043e\u043c \u0422\u0443\u043b\u0443\u043f\u043e\u043c? \u0421\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e\u00a0\u0434\u0430, \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u00a0\u0435\u0449\u0435 \u043d\u0435\u00a0\u0437\u043d\u0430\u0435\u0442\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u0430\u00a0\u0447\u0435\u043b\u043e\u0432\u0435\u043a, \u0438\u00a0\u0447\u0442\u043e \u043e\u00a0\u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0438 \u0435\u0433\u043e \u0441\u0435\u0440\u0434\u0435\u0447\u043d\u043e-\u0441\u043e\u0441\u0443\u0434\u0438\u0441\u0442\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043d\u0443\u0436\u043d\u043e \u043e\u0447\u0435\u043d\u044c \u0437\u0430\u0431\u043e\u0442\u0438\u0442\u044c\u0441\u044f.<\/p>\n<p>  \u041e\u0431\u00a0\u044d\u0442\u043e\u043c \u0438\u00a0\u043e\u00a0\u0442\u043e\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0449\u0438\u043d\u0430 \u0432\u00a0JS \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c, \u043a\u0430\u043a Event Loop \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432\u00a0\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0438\u00a0\u0432\u00a0Node.js, \u0435\u0441\u0442\u044c\u00a0\u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u044f\u00a0\u0438, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u043f\u043e\u0445\u043e\u0436\u0438\u0435 \u0432\u0435\u0449\u0438 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b <strong>\u041c\u0438\u0445\u0430\u0438\u043b \u0411\u0430\u0448\u0443\u0440\u043e\u0432<\/strong> (<a href=\"https:\/\/habr.com\/users\/saitonakamura\/\" class=\"user_link\">SaitoNakamura<\/a>) \u0432\u00a0\u0441\u0432\u043e\u0435\u043c \u0434\u043e\u043a\u043b\u0430\u0434\u0435 \u043d\u0430\u00a0\u0420\u0418\u0422++. \u0421\u00a0\u0443\u0434\u043e\u0432\u043e\u043b\u044c\u0441\u0442\u0432\u0438\u0435\u043c \u0434\u0435\u043b\u0438\u043c\u0441\u044f \u0441\u00a0\u0432\u0430\u043c\u0438 \u0440\u0430\u0441\u0448\u0438\u0444\u0440\u043e\u0432\u043a\u043e\u0439 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0437\u043d\u0430\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u044b\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u044f.<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/webt\/mv\/fj\/ah\/mvfjah-dahl8fndi-w8rt4qkbxw.jpeg\"><\/p>\n<p>  <strong>\u041e\u00a0\u0441\u043f\u0438\u043a\u0435\u0440\u0435:<\/strong> \u041c\u0438\u0445\u0430\u0438\u043b \u0411\u0430\u0448\u0443\u0440\u043e\u0432\u00a0\u2014 fullstack \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043d\u0430\u00a0JS \u0438 .NET \u0438\u0437\u00a0Luxoft. \u041b\u044e\u0431\u0438\u0442 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0439\u00a0UI, \u0437\u0435\u043b\u0435\u043d\u044b\u0435 \u0442\u0435\u0441\u0442\u044b, \u0442\u0440\u0430\u043d\u0441\u043f\u0438\u043b\u044f\u0446\u0438\u044e, \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044e, \u0442\u0435\u0445\u043d\u0438\u043a\u0443 compiler allowing \u0438\u00a0\u0443\u043b\u0443\u0447\u0448\u0430\u0442\u044c dev experience.<\/p>\n<p>  <strong>\u041e\u0442\u00a0\u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430:<\/strong> \u0414\u043e\u043a\u043b\u0430\u0434 \u041c\u0438\u0445\u0430\u0438\u043b\u0430 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u043b\u0441\u044f \u043d\u0435\u00a0\u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043b\u0430\u0439\u0434\u0430\u043c\u0438, \u0430\u00a0\u0434\u0435\u043c\u043e-\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c, \u0432\u00a0\u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043d\u0430\u0436\u0438\u043c\u0430\u0442\u044c \u043d\u0430\u00a0\u043a\u043d\u043e\u043f\u043e\u0447\u043a\u0438 \u0438\u00a0\u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0437\u0430\u00a0\u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435\u043c \u0442\u0430\u0441\u043e\u043a. \u041e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043a\u0440\u044b\u0442\u044c <a href=\"https:\/\/saitonakamura.github.io\/ivan-tooloop\/\">\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0438\u044e<\/a> \u0432\u00a0\u0441\u043e\u0441\u0435\u0434\u043d\u0435\u0439 \u0432\u043a\u043b\u0430\u0434\u043a\u0435 \u0438\u00a0\u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438 \u043a\u00a0\u043d\u0435\u0439 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f, \u043d\u043e\u00a0\u0438\u00a0\u043f\u043e\u00a0\u0442\u0435\u043a\u0441\u0442\u0443 \u0431\u0443\u0434\u0443\u0442 \u0434\u0430\u043d\u044b \u043e\u0442\u0441\u044b\u043b\u043a\u0438 \u043d\u0430\u00a0\u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0410\u00a0\u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u0441\u043b\u043e\u0432\u043e \u0441\u043f\u0438\u043a\u0435\u0440\u0443, \u043f\u0440\u0438\u044f\u0442\u043d\u043e\u0433\u043e \u0447\u0442\u0435\u043d\u0438\u044f.<\/p>\n<div class=\"oembed\">\n<div>\n<div style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.2493%;\"><iframe src=\"https:\/\/www.youtube.com\/embed\/bUx8wk4LdoY?rel=0&amp;showinfo=1&amp;hl=en-US\" style=\"border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\" allowfullscreen scrolling=\"no\"><\/iframe><\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-288122","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/288122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=288122"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/288122\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=288122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=288122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=288122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}