{"id":2776,"date":"2026-09-24T09:00:00","date_gmt":"2026-09-24T09:00:00","guid":{"rendered":"https:\/\/otus.ru\/journal\/?p=2776"},"modified":"2026-09-25T15:30:17","modified_gmt":"2026-09-25T15:30:17","slug":"zamykaniya-v-javascript-kak-ne-nadelat-oshibok","status":"publish","type":"post","link":"https:\/\/otus.ru\/journal\/zamykaniya-v-javascript-kak-ne-nadelat-oshibok\/","title":{"rendered":"\u0417\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u044f \u0432 JavaScript: \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0438 \u043a\u0430\u043a \u043d\u0435 \u043d\u0430\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043e\u043a"},"content":{"rendered":"

\u0417\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435<\/strong> \u0432 JavaScript — \u044d\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043b\u0435\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435\u043c, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043d\u0430 \u0431\u044b\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0432\u0438\u0434\u0435\u0442\u044c \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0432\u043d\u0435\u0448\u043d\u0435\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u0430\u0436\u0435 \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0442\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0430\u0441\u044c. \u0424\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435 \u043e\u0431\u0440\u0430\u0437\u0443\u0435\u0442 \u043b\u044e\u0431\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432 JS, \u043d\u043e \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0442\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u044f\u0442, \u043a\u043e\u0433\u0434\u0430 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0436\u0438\u0432\u0435\u0442 \u0434\u043e\u043b\u044c\u0448\u0435 \u0432\u043d\u0435\u0448\u043d\u0435\u0439 \u0438 \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0435\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438.<\/p>\n

\n

\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435<\/strong><\/p>\n

    \n
  1. \u041c\u0438\u043d\u0438-\u0441\u043b\u043e\u0432\u0430\u0440\u044c: \u0447\u0435\u0442\u044b\u0440\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0443\u0442\u0430\u044e\u0442<\/a><\/li>\n
  2. \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440: \u0441\u0447\u0435\u0442\u0447\u0438\u043a<\/a><\/li>\n
  3. \u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u043e \u0448\u0430\u0433\u0430\u043c<\/a><\/li>\n
  4. \u041e\u0448\u0438\u0431\u043a\u0430 1: var \u0432 \u0446\u0438\u043a\u043b\u0435 \u0438 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432<\/a><\/li>\n
  5. \u041e\u0448\u0438\u0431\u043a\u0430 2: \u00ab\u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0435\u00bb \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 (stale closure)<\/a><\/li>\n
  6. \u041e\u0448\u0438\u0431\u043a\u0430 3: \u043f\u043e\u0442\u0435\u0440\u044f\u043d\u043d\u044b\u0439 this<\/a><\/li>\n
  7. \u041e\u0448\u0438\u0431\u043a\u0430 4: \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043f\u0430\u043c\u044f\u0442\u044c<\/a><\/li>\n
  8. \u0421\u0432\u043e\u0434\u043a\u0430 \u043e\u0448\u0438\u0431\u043e\u043a<\/a><\/li>\n
  9. \u0413\u0434\u0435 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043d\u0443\u0436\u043d\u044b<\/a><\/li>\n
  10. \u0412\u044b\u0432\u043e\u0434\u044b<\/a><\/li>\n
  11. \u0413\u0434\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \/ \u0441\u0432\u044f\u0437\u044c \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0439<\/a><\/li>\n
  12. FAQ<\/a><\/li>\n<\/ol>\n<\/div>\n

    \u041d\u0438\u0436\u0435 — \u043a\u0430\u043a \u044d\u0442\u043e \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u043e, \u0447\u0435\u0442\u044b\u0440\u0435 \u043e\u0448\u0438\u0431\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u044e\u0442 \u0441 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u044f\u043c\u0438 (var \u0432 \u0446\u0438\u043a\u043b\u0435, \u00ab\u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0435\u00bb \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043f\u043e\u0442\u0435\u0440\u044f\u043d\u043d\u044b\u0439 this, \u0443\u0442\u0435\u0447\u043a\u0430 \u043f\u0430\u043c\u044f\u0442\u0438), \u0438 \u0433\u0434\u0435 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043d\u0443\u0436\u043d\u044b. \u0412\u0441\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u044b \u0432 Node.js 24 LTS (v24.21.0) \u0438 Node.js 22; \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0442\u043e\u0442 \u0436\u0435, \u0435\u0441\u043b\u0438 \u043d\u0435 \u043e\u0433\u043e\u0432\u043e\u0440\u0435\u043d\u043e \u0438\u043d\u043e\u0435.<\/p>\n

    \u041c\u0438\u043d\u0438-\u0441\u043b\u043e\u0432\u0430\u0440\u044c: \u0447\u0435\u0442\u044b\u0440\u0435 \u0442\u0435\u0440\u043c\u0438\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0443\u0442\u0430\u044e\u0442<\/h2>\n\n\n\n\n\n\n\n\n
    \u0422\u0435\u0440\u043c\u0438\u043d<\/th>\n\u0427\u0442\u043e \u044d\u0442\u043e<\/th>\n\u041f\u0440\u0438\u043c\u0435\u0440<\/th>\n<\/tr>\n<\/thead>\n
    \u041e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 (scope)<\/td>\n\u041f\u0440\u0430\u0432\u0438\u043b\u043e, \u0433\u0434\u0435 \u0432 \u043a\u043e\u0434\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0438\u043c\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439<\/td>\ncount<\/code> \u0432\u0438\u0434\u0435\u043d \u0432\u043d\u0443\u0442\u0440\u0438 makeCounter<\/code> \u0438 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439<\/td>\n<\/tr>\n
    \u041b\u0435\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435<\/td>\n\u041e\u0431\u044a\u0435\u043a\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f: \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u0438\u043b\u0438 \u0432\u044b\u0437\u043e\u0432\u0430 + \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0432\u043d\u0435\u0448\u043d\u0435\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435<\/td>\n\u0421\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u043d\u043e\u0432\u043e \u043f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u043c \u0432\u044b\u0437\u043e\u0432\u0435 makeCounter()<\/code><\/td>\n<\/tr>\n
    \u0417\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435<\/td>\n\u0424\u0443\u043d\u043a\u0446\u0438\u044f + \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435, \u0433\u0434\u0435 \u043e\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0430<\/td>\n\u0424\u0443\u043d\u043a\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u0435\u0440\u043d\u0443\u043b makeCounter()<\/code><\/td>\n<\/tr>\n
    \u041a\u043e\u043d\u0442\u0435\u043a\u0441\u0442 this<\/code><\/td>\n\u041e\u0431\u044a\u0435\u043a\u0442, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u044b\u0437\u0432\u0430\u043d\u0430; \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435\u043c \u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f<\/td>\n\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0430 \u043d\u0438\u0436\u0435<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0435: \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043c\u0435\u0441\u0442\u043e\u043c \u0432 \u0442\u0435\u043a\u0441\u0442\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b (\u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043d\u0430 \u00ab\u043b\u0435\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u0430\u044f\u00bb), \u0430 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 — \u044d\u0442\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u043a\u043e\u0434\u0430.<\/p>\n

    \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440: \u0441\u0447\u0435\u0442\u0447\u0438\u043a<\/h2>\n
    function<\/span> <\/span>makeCounter<\/span>() {<\/span>\n  <\/span>let<\/span> <\/span>count<\/span> <\/span>=<\/span> <\/span>0<\/span>;              <\/span>\/\/ \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f makeCounter<\/span>\n  <\/span>return<\/span> <\/span>function<\/span> () {        <\/span>\/\/ \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \"\u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442\" count<\/span>\n    <\/span>count<\/span> <\/span>+=<\/span> <\/span>1<\/span>;<\/span>\n    <\/span>return<\/span> <\/span>count<\/span>;<\/span>\n  };<\/span>\n}<\/span>\n\nconst<\/span> <\/span>counterA<\/span> <\/span>=<\/span> <\/span>makeCounter<\/span>();<\/span>\nconst<\/span> <\/span>counterB<\/span> <\/span>=<\/span> <\/span>makeCounter<\/span>();<\/span>\n\nconsole<\/span>.<\/span>log<\/span>(<\/span>counterA<\/span>()); <\/span>\/\/ 1<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>counterA<\/span>()); <\/span>\/\/ 2<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>counterB<\/span>()); <\/span>\/\/ 1 - \u0443 B \u0441\u0432\u043e\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>counterA<\/span>()); <\/span>\/\/ 3<\/span><\/code><\/pre>\n
    \u0412 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f 1<\/code>, 2<\/code>, 1<\/code>, 3<\/code>. \u0412\u044b\u0437\u043e\u0432 makeCounter()<\/code> \u0443\u0436\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u043b\u0441\u044f, \u0430 count<\/code> \u0436\u0438\u0432 \u0438 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n
    \u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043f\u043e \u0448\u0430\u0433\u0430\u043c<\/h2>\n
      \n
    1. \u041f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 makeCounter()<\/code> \u0434\u0432\u0438\u0436\u043e\u043a \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043d\u043e\u0432\u043e\u0435 \u043b\u0435\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435, \u0432 \u043d\u0435\u043c count = 0<\/code>.<\/li>\n
    2. \u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u044d\u0442\u043e\u0433\u043e \u0432\u044b\u0437\u043e\u0432\u0430. \u0412 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 ECMAScript \u0443 \u043a\u0430\u0436\u0434\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0435\u0441\u0442\u044c \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0439 \u0441\u043b\u043e\u0442 Environment: \u0442\u0443\u0434\u0430 \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435, \u0433\u0434\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u044f\u0432\u0438\u043b\u0430\u0441\u044c.<\/li>\n
    3. makeCounter<\/code> \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0438 \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443. \u041e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u0443\u0434\u0430\u043b\u044f\u0435\u0442\u0441\u044f: \u043d\u0430 \u043d\u0435\u0433\u043e \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f.<\/li>\n
    4. \u041f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 counterA()<\/code> \u0434\u0432\u0438\u0436\u043e\u043a \u0438\u0449\u0435\u0442 count<\/code> \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0432 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0438 \u0441\u0430\u043c\u043e\u0433\u043e \u0432\u044b\u0437\u043e\u0432\u0430, \u043d\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442 \u0438 \u0438\u0434\u0435\u0442 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435 \u0432\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 — \u0442\u0430\u043c count<\/code> \u0435\u0441\u0442\u044c.<\/li>\n
    5. \u0412\u0442\u043e\u0440\u043e\u0439 \u0432\u044b\u0437\u043e\u0432 makeCounter()<\/code> \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u0432\u0442\u043e\u0440\u043e\u0435, \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0435 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 counterA<\/code> \u0438 counterB<\/code> \u043d\u0435 \u043c\u0435\u0448\u0430\u044e\u0442 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0443.<\/li>\n<\/ol>\n
      \u042d\u0442\u043e \u043c\u043e\u0434\u0435\u043b\u044c \u0438\u0437 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438. \u0420\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0432\u0438\u0436\u043e\u043a (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, V8 \u0432 Chrome \u0438 Node.js) \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0438 \u0434\u0435\u0440\u0436\u0438\u0442 \u0432 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u0423 \u0442\u0430\u043a\u043e\u0439 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0435\u0441\u0442\u044c \u043f\u043e\u0431\u043e\u0447\u043d\u044b\u0439 \u044d\u0444\u0444\u0435\u043a\u0442, \u043e\u043d \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043d \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043f\u0440\u043e \u043f\u0430\u043c\u044f\u0442\u044c.<\/p>\n
      \u0417\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435 \u0445\u0440\u0430\u043d\u0438\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e, \u0430 \u043d\u0435 \u0441\u043d\u0438\u043c\u043e\u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f<\/h3>\n
      \u0427\u0430\u0441\u0442\u043e\u0435 \u0437\u0430\u0431\u043b\u0443\u0436\u0434\u0435\u043d\u0438\u0435 — \u0447\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u00ab\u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f\u00bb. \u041e\u043d\u0430 \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442 \u0441\u0430\u043c\u0443 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e:<\/p>\n
      let<\/span> <\/span>greeting<\/span> <\/span>=<\/span> <\/span>\"\u041f\u0440\u0438\u0432\u0435\u0442\"<\/span>;<\/span>\nfunction<\/span> <\/span>greet<\/span>(<\/span>name<\/span>) {<\/span>\n  <\/span>return<\/span> () => <\/span>`${<\/span>greeting<\/span>}, ${<\/span>name<\/span>}!`<\/span>;<\/span>\n}<\/span>\nconst<\/span> <\/span>sayHi<\/span> <\/span>=<\/span> <\/span>greet<\/span>(<\/span>\"\u0410\u043d\u044f\"<\/span>);<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>sayHi<\/span>()); <\/span>\/\/ \u041f\u0440\u0438\u0432\u0435\u0442, \u0410\u043d\u044f!<\/span>\ngreeting<\/span> <\/span>=<\/span> <\/span>\"\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\"<\/span>;<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>sayHi<\/span>()); <\/span>\/\/ \u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439, \u0410\u043d\u044f!<\/span><\/code><\/pre>\n
      \u0412\u0442\u043e\u0440\u043e\u0439 \u0432\u044b\u0437\u043e\u0432 \u043d\u0430\u043f\u0435\u0447\u0430\u0442\u0430\u0435\u0442 \u043d\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435: greeting<\/code> \u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u044b\u0437\u043e\u0432\u0430, \u0430 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f. \u0418\u0437 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0442 \u0441\u0440\u0430\u0437\u0443 \u0434\u0432\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u043d\u0438\u0436\u0435.<\/p>\n
      \u041e\u0448\u0438\u0431\u043a\u0430 1: var \u0432 \u0446\u0438\u043a\u043b\u0435 \u0438 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0432\u044b\u0437\u043e\u0432<\/h2>\n
      \u041a\u043b\u0430\u0441\u0441\u0438\u043a\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 \u0438 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u0431\u0430\u0433\u043e\u0432 \u0441 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438 \u043a\u043b\u0438\u043a\u043e\u0432 \u0438 \u0442\u0430\u0439\u043c\u0435\u0440\u0430\u043c\u0438.<\/p>\n
      for<\/span> (<\/span>var<\/span> <\/span>i<\/span> <\/span>=<\/span> <\/span>0<\/span>; <\/span>i<\/span> <\/span><<\/span> <\/span>3<\/span>; <\/span>i<\/span>++<\/span>) {<\/span>\n  <\/span>setTimeout<\/span>(() => <\/span>console<\/span>.<\/span>log<\/span>(<\/span>\"var:\"<\/span>, <\/span>i<\/span>), <\/span>0<\/span>);<\/span>\n}<\/span>\nfor<\/span> (<\/span>let<\/span> <\/span>j<\/span> <\/span>=<\/span> <\/span>0<\/span>; <\/span>j<\/span> <\/span><<\/span> <\/span>3<\/span>; <\/span>j<\/span>++<\/span>) {<\/span>\n  <\/span>setTimeout<\/span>(() => <\/span>console<\/span>.<\/span>log<\/span>(<\/span>\"let:\"<\/span>, <\/span>j<\/span>), <\/span>0<\/span>);<\/span>\n}<\/span><\/code><\/pre>\n
      \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0432\u044b\u0432\u043e\u0434:<\/p>\n
      var: 3\nvar: 3\nvar: 3\nlet: 0\nlet: 1\nlet: 2\n<\/code><\/pre>\n
      \u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a. \u0423 var<\/code> \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 — \u0444\u0443\u043d\u043a\u0446\u0438\u044f (\u0438\u043b\u0438 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f), \u0430 \u043d\u0435 \u0431\u043b\u043e\u043a. \u0412\u0441\u0435 \u0442\u0440\u0438 \u0441\u0442\u0440\u0435\u043b\u043e\u0447\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0437\u0430\u043c\u044b\u043a\u0430\u044e\u0442 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e i<\/code>. \u041a \u043c\u043e\u043c\u0435\u043d\u0442\u0443 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u043d\u0438\u044f \u0442\u0430\u0439\u043c\u0435\u0440\u043e\u0432 \u0446\u0438\u043a\u043b \u0443\u0436\u0435 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0441\u044f, \u0438 i<\/code> \u0440\u0430\u0432\u043d\u043e 3.<\/p>\n
      \u0423 let<\/code> \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435 \u0446\u0438\u043a\u043b\u0430 for<\/code> \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u044e. \u041a\u0430\u0436\u0434\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430\u043c\u044b\u043a\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u043a\u043e\u043f\u0438\u044e j<\/code> \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c 0, 1 \u0438 2.<\/p>\n
      \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 — \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c var<\/code> \u043d\u0430 let<\/code>. \u0412 \u0441\u0442\u0430\u0440\u043e\u043c \u043a\u043e\u0434\u0435 \u0431\u0435\u0437 let<\/code> (\u0434\u043e ES2015) \u0442\u0443 \u0436\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u0440\u0435\u0448\u0430\u043b\u0438 \u043d\u0435\u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 (IIFE), \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043a\u0430\u0436\u0434\u0443\u044e \u0438\u0442\u0435\u0440\u0430\u0446\u0438\u044e:<\/p>\n
      var<\/span> <\/span>handlers<\/span> <\/span>=<\/span> [];<\/span>\nfor<\/span> (<\/span>var<\/span> <\/span>i<\/span> <\/span>=<\/span> <\/span>0<\/span>; <\/span>i<\/span> <\/span><<\/span> <\/span>3<\/span>; <\/span>i<\/span>++<\/span>) {<\/span>\n  (<\/span>function<\/span> (<\/span>k<\/span>) {<\/span>\n    <\/span>handlers<\/span>.<\/span>push<\/span>(() => <\/span>k<\/span>);<\/span>\n  })(<\/span>i<\/span>);<\/span>\n}<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>handlers<\/span>.<\/span>map<\/span>((<\/span>h<\/span>) => <\/span>h<\/span>())); <\/span>\/\/ [ 0, 1, 2 ]<\/span><\/code><\/pre>\n
      \u0414\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u043a\u043e\u0434\u0430 IIFE \u043d\u0435 \u043d\u0443\u0436\u043d\u0430 — \u044d\u0442\u043e \u043f\u0440\u0438\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0442\u043e\u0438\u0442 \u0443\u0437\u043d\u0430\u0432\u0430\u0442\u044c \u0432 legacy-\u043a\u043e\u0434\u0435.<\/p>\n
      \u041e\u0448\u0438\u0431\u043a\u0430 2: \u00ab\u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0435\u00bb \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 (stale closure)<\/h2>\n
      \u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f: \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0437\u0430\u043c\u043a\u043d\u0443\u043b\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 \u0441\u0442\u0430\u0440\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0430 \u0432\u044b \u0437\u0430\u043c\u0435\u043d\u0438\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043c\u0435\u0441\u0442\u0435.<\/p>\n
      function<\/span> <\/span>createLogger<\/span>(<\/span>settings<\/span>) {<\/span>\n  <\/span>return<\/span> (<\/span>msg<\/span>) => <\/span>console<\/span>.<\/span>log<\/span>(<\/span>`[${<\/span>settings<\/span>.<\/span>level<\/span>}] ${<\/span>msg<\/span>}`<\/span>);<\/span>\n}<\/span>\n\nlet<\/span> <\/span>settings<\/span> <\/span>=<\/span> { <\/span>level<\/span>:<\/span> <\/span>\"info\"<\/span> };<\/span>\nconst<\/span> <\/span>log<\/span> <\/span>=<\/span> <\/span>createLogger<\/span>(<\/span>settings<\/span>);<\/span>\n\nsettings<\/span> <\/span>=<\/span> { <\/span>level<\/span>:<\/span> <\/span>\"debug\"<\/span> };   <\/span>\/\/ \u0437\u0430\u043c\u0435\u043d\u0438\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 \u0446\u0435\u043b\u0438\u043a\u043e\u043c<\/span>\nlog<\/span>(<\/span>\"\u0441\u0442\u0430\u0440\u0442\"<\/span>);                    <\/span>\/\/ [info] \u0441\u0442\u0430\u0440\u0442<\/span>\n\nconst<\/span> <\/span>live<\/span> <\/span>=<\/span> { <\/span>level<\/span>:<\/span> <\/span>\"info\"<\/span> };<\/span>\nconst<\/span> <\/span>log2<\/span> <\/span>=<\/span> <\/span>createLogger<\/span>(<\/span>live<\/span>);<\/span>\nlive<\/span>.<\/span>level<\/span> <\/span>=<\/span> <\/span>\"debug\"<\/span>;            <\/span>\/\/ \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0442\u043e\u0433\u043e \u0436\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/span>\nlog2<\/span>(<\/span>\"\u0441\u0442\u0430\u0440\u0442\"<\/span>);                   <\/span>\/\/ [debug] \u0441\u0442\u0430\u0440\u0442<\/span><\/code><\/pre>\n
      \u041f\u0435\u0440\u0432\u044b\u0439 \u043b\u043e\u0433\u0433\u0435\u0440 \u043d\u0430\u043f\u0435\u0447\u0430\u0442\u0430\u0435\u0442 [info] \u0441\u0442\u0430\u0440\u0442<\/code>. \u041e\u043d \u0437\u0430\u043c\u043a\u043d\u0443\u043b \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 settings<\/code> \u0444\u0443\u043d\u043a\u0446\u0438\u0438 createLogger<\/code> — \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f, \u0438 \u043e\u043d\u0430 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442. \u0412\u043d\u0435\u0448\u043d\u0435\u0435 settings = {...}<\/code> \u0435\u0435 \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u0435\u0442. \u0412\u0442\u043e\u0440\u043e\u0439 \u043b\u043e\u0433\u0433\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u0442\u043e\u0433\u043e \u0436\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u0430.<\/p>\n
      \u041f\u0440\u0430\u0432\u0438\u043b\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438: \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u0435 \u0441\u0435\u0431\u044f, \u043a\u0430\u043a\u0443\u044e \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u0437\u0430\u043c\u043a\u043d\u0443\u043b\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0438 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043b\u0438 \u044d\u0442\u0430 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f \u0438\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0435 \u0442\u0435\u0437\u043a\u0430 \u0441\u043d\u0430\u0440\u0443\u0436\u0438. \u0422\u0430 \u0436\u0435 \u043e\u0448\u0438\u0431\u043a\u0430 \u0447\u0430\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0432 React: \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432\u043d\u0443\u0442\u0440\u0438 useEffect<\/code> \u0438\u043b\u0438 setInterval<\/code> \u0432\u0438\u0434\u0438\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0438\u0437 \u0440\u0435\u043d\u0434\u0435\u0440\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0431\u044b\u043b \u0441\u043e\u0437\u0434\u0430\u043d. \u0422\u0430\u043c \u0435\u0435 \u043b\u0435\u0447\u0430\u0442 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044f\u043c\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430, \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0438\u043b\u0438 useRef<\/code> — \u0434\u0435\u0442\u0430\u043b\u0438 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u0432\u0435\u0440\u0441\u0438\u0438 React \u0438 \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\n
      \u041e\u0448\u0438\u0431\u043a\u0430 3: \u043f\u043e\u0442\u0435\u0440\u044f\u043d\u043d\u044b\u0439 this<\/h2>\n
      \u0417\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435, \u043d\u043e \u043d\u0435 this<\/code>. \u0423 \u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 this<\/code> \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u0435\u043c, \u043a\u0430\u043a \u0435\u0435 \u0432\u044b\u0437\u0432\u0430\u043b\u0438. \u0421\u0442\u0440\u0435\u043b\u043e\u0447\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0441\u0432\u043e\u0435\u0433\u043e this<\/code> \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0438 \u0431\u0435\u0440\u0435\u0442 \u0435\u0433\u043e \u0438\u0437 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f — \u0442\u043e \u0435\u0441\u0442\u044c \u0432\u0435\u0434\u0435\u0442 \u0441\u0435\u0431\u044f \u043a\u0430\u043a \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435.<\/p>\n
      \"use strict\"<\/span>;<\/span>\nconst<\/span> <\/span>timer<\/span> <\/span>=<\/span> {<\/span>\n  <\/span>seconds<\/span>:<\/span> <\/span>0<\/span>,<\/span>\n  <\/span>tickBroken<\/span>() {<\/span>\n    [<\/span>1<\/span>, <\/span>2<\/span>].<\/span>forEach<\/span>(<\/span>function<\/span> () {<\/span>\n      <\/span>this<\/span>.<\/span>seconds<\/span> <\/span>+=<\/span> <\/span>1<\/span>;      <\/span>\/\/ this \u0437\u0434\u0435\u0441\u044c \u043d\u0435 timer<\/span>\n    });<\/span>\n  },<\/span>\n  <\/span>tick<\/span>() {<\/span>\n    [<\/span>1<\/span>, <\/span>2<\/span>].<\/span>forEach<\/span>(() => {<\/span>\n      <\/span>this<\/span>.<\/span>seconds<\/span> <\/span>+=<\/span> <\/span>1<\/span>;      <\/span>\/\/ \u0441\u0442\u0440\u0435\u043b\u043a\u0430 \u0431\u0435\u0440\u0435\u0442 this \u0438\u0437 tick()<\/span>\n    });<\/span>\n  },<\/span>\n};<\/span>\n\ntimer<\/span>.<\/span>tick<\/span>();<\/span>\nconsole<\/span>.<\/span>log<\/span>(<\/span>timer<\/span>.<\/span>seconds<\/span>); <\/span>\/\/ 2<\/span>\ntry<\/span> {<\/span>\n  <\/span>timer<\/span>.<\/span>tickBroken<\/span>();<\/span>\n} <\/span>catch<\/span> (<\/span>e<\/span>) {<\/span>\n  <\/span>console<\/span>.<\/span>log<\/span>(<\/span>e<\/span>.<\/span>constructor<\/span>.<\/span>name<\/span> <\/span>+<\/span> <\/span>\": \"<\/span> <\/span>+<\/span> <\/span>e<\/span>.<\/span>message<\/span>);<\/span>\n}<\/span><\/code><\/pre>\n
      \u0412\u044b\u0432\u043e\u0434 \u0432 Node.js 24:<\/p>\n
      2\nTypeError: Cannot read properties of undefined (reading 'seconds')\n<\/code><\/pre>\n
      \u0412 \u0441\u0442\u0440\u043e\u0433\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 (\u043e\u043d \u0432\u043a\u043b\u044e\u0447\u0435\u043d \u0438 \u0432\u043e \u0432\u0441\u0435\u0445 ES-\u043c\u043e\u0434\u0443\u043b\u044f\u0445) this<\/code> \u0443 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u043a\u043e\u043b\u0431\u044d\u043a\u0430 \u0440\u0430\u0432\u0435\u043d undefined<\/code>, \u043e\u0442\u0441\u044e\u0434\u0430 TypeError<\/code>. \u0412 \u043d\u0435\u0441\u0442\u0440\u043e\u0433\u043e\u043c \u0440\u0435\u0436\u0438\u043c\u0435 (\u0444\u0430\u0439\u043b CommonJS \u0431\u0435\u0437 \"use strict\"<\/code>) this<\/code> \u0431\u0443\u0434\u0435\u0442 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c: \u043e\u0448\u0438\u0431\u043a\u0438 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442, timer.seconds<\/code> \u043c\u043e\u043b\u0447\u0430 \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u0441\u044f, \u0430 \u0432 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f seconds<\/code> \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c NaN<\/code> (\u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043e \u0432 Node.js 22 \u0438 24). \u0422\u0430\u043a\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443 \u043d\u0430\u0439\u0442\u0438 \u0442\u0440\u0443\u0434\u043d\u0435\u0435. \u0422\u0435\u043a\u0441\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0437\u0434\u0435\u0441\u044c \u043e\u0442 \u0434\u0432\u0438\u0436\u043a\u0430 V8, \u0432 Firefox \u0438 Safari \u0444\u043e\u0440\u043c\u0443\u043b\u0438\u0440\u043e\u0432\u043a\u0430 \u0434\u0440\u0443\u0433\u0430\u044f.<\/p>\n
      \u0418\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435: \u0441\u0442\u0440\u0435\u043b\u043e\u0447\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f, fn.bind(this)<\/code> \u0438\u043b\u0438 \u0432\u0442\u043e\u0440\u043e\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442 forEach(callback, thisArg)<\/code>.<\/p>\n
      \u041e\u0448\u0438\u0431\u043a\u0430 4: \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435 \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043f\u0430\u043c\u044f\u0442\u044c<\/h2>\n
      \u041f\u043e\u043a\u0430 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0438\u0437 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0438 \u0435\u0433\u043e \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u043d\u0443\u0436\u043d\u044b\u043c\u0438 \u0435\u043c\u0443 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c\u0438. \u0421\u0431\u043e\u0440\u0449\u0438\u043a \u043c\u0443\u0441\u043e\u0440\u0430 \u0438\u0445 \u043d\u0435 \u043e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0442. \u0421\u0430\u043c \u043f\u043e \u0441\u0435\u0431\u0435 \u044d\u0442\u043e \u043d\u0435 \u0431\u0430\u0433, \u043d\u043e \u0435\u0441\u043b\u0438 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435 \u0436\u0438\u0432\u0435\u0442 \u0434\u043e\u043b\u0433\u043e (\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u0442\u0430\u0439\u043c\u0435\u0440, \u043a\u0435\u0448), \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u043d\u0438\u043c \u0436\u0438\u0432\u0443\u0442 \u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435.<\/p>\n
      \u0417\u0430\u043c\u0435\u0440 \u0432 Node.js 24, 20 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0439, \u043a\u0430\u0436\u0434\u043e\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u043e \u0440\u044f\u0434\u043e\u043c \u0441 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u043c \u0438\u0437 \u043c\u0438\u043b\u043b\u0438\u043e\u043d\u0430 \u0447\u0438\u0441\u0435\u043b:<\/p>\n
      \/\/ \u0417\u0430\u043f\u0443\u0441\u043a: node --expose-gc m1.js<\/span>\nconst<\/span> <\/span>keep<\/span> <\/span>=<\/span> [];<\/span>\n\nfunction<\/span> <\/span>withBig<\/span>() {<\/span>\n  <\/span>const<\/span> <\/span>big<\/span> <\/span>=<\/span> <\/span>new<\/span> <\/span>Array<\/span>(<\/span>1<\/span>_000_000<\/span>).<\/span>fill<\/span>(<\/span>1<\/span>);   <\/span>\/\/ ~8 \u041c\u0411 \u0432 \u043a\u0443\u0447\u0435<\/span>\n  <\/span>return<\/span> () => <\/span>big<\/span>.<\/span>length<\/span>;                    <\/span>\/\/ \u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0435\u0441\u044c big<\/span>\n}<\/span>\n\nfunction<\/span> <\/span>withLength<\/span>() {<\/span>\n  <\/span>const<\/span> <\/span>big<\/span> <\/span>=<\/span> <\/span>new<\/span> <\/span>Array<\/span>(<\/span>1<\/span>_000_000<\/span>).<\/span>fill<\/span>(<\/span>1<\/span>);<\/span>\n  <\/span>const<\/span> <\/span>n<\/span> <\/span>=<\/span> <\/span>big<\/span>.<\/span>length<\/span>;                       <\/span>\/\/ \u0431\u0435\u0440\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0443\u0436\u043d\u043e\u0435<\/span>\n  <\/span>return<\/span> () => <\/span>n<\/span>;                             <\/span>\/\/ big \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0431\u0440\u0430\u0442\u044c<\/span>\n}<\/span>\n\nfunction<\/span> <\/span>sharedContext<\/span>() {<\/span>\n  <\/span>const<\/span> <\/span>big<\/span> <\/span>=<\/span> <\/span>new<\/span> <\/span>Array<\/span>(<\/span>1<\/span>_000_000<\/span>).<\/span>fill<\/span>(<\/span>1<\/span>);<\/span>\n  <\/span>const<\/span> <\/span>debug<\/span> <\/span>=<\/span> () => <\/span>big<\/span>.<\/span>length<\/span>;             <\/span>\/\/ big \u043d\u0443\u0436\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438<\/span>\n  <\/span>const<\/span> <\/span>n<\/span> <\/span>=<\/span> <\/span>big<\/span>.<\/span>length<\/span>;<\/span>\n  <\/span>return<\/span> () => <\/span>n<\/span>;                             <\/span>\/\/ \u043d\u043e \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0434\u0440\u0443\u0433\u0443\u044e<\/span>\n}<\/span>\n\nfunction<\/span> <\/span>heapMB<\/span>() {<\/span>\n  <\/span>global<\/span>.<\/span>gc<\/span>();<\/span>\n  <\/span>return<\/span> <\/span>Math<\/span>.<\/span>round<\/span>(<\/span>process<\/span>.<\/span>memoryUsage<\/span>().<\/span>heapUsed<\/span> <\/span>\/<\/span> <\/span>1024<\/span> <\/span>\/<\/span> <\/span>1024<\/span>);<\/span>\n}<\/span>\n\nfor<\/span> (<\/span>const<\/span> <\/span>factory<\/span> <\/span>of<\/span> [<\/span>withBig<\/span>, <\/span>withLength<\/span>, <\/span>sharedContext<\/span>]) {<\/span>\n  <\/span>keep<\/span>.<\/span>length<\/span> <\/span>=<\/span> <\/span>0<\/span>;<\/span>\n  <\/span>const<\/span> <\/span>before<\/span> <\/span>=<\/span> <\/span>heapMB<\/span>();<\/span>\n  <\/span>for<\/span> (<\/span>let<\/span> <\/span>i<\/span> <\/span>=<\/span> <\/span>0<\/span>; <\/span>i<\/span> <\/span><<\/span> <\/span>20<\/span>; <\/span>i<\/span>++<\/span>) <\/span>keep<\/span>.<\/span>push<\/span>(<\/span>factory<\/span>());<\/span>\n  <\/span>console<\/span>.<\/span>log<\/span>(<\/span>`${<\/span>factory<\/span>.<\/span>name<\/span>}: +${<\/span>heapMB<\/span>() <\/span>-<\/span> <\/span>before<\/span>} \u041c\u0411`<\/span>);<\/span>\n}<\/span><\/code><\/pre>\n
      \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u043e\u0433\u043e\u043d\u0430:<\/p>\n
      withBig: +152 \u041c\u0411\nwithLength: +0 \u041c\u0411\nsharedContext: +152 \u041c\u0411\n<\/code><\/pre>\n
      \u041f\u0435\u0440\u0432\u044b\u0435 \u0434\u0432\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u043e\u0436\u0438\u0434\u0430\u0435\u043c\u044b: \u0435\u0441\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 big<\/code>, \u043c\u0430\u0441\u0441\u0438\u0432 \u0436\u0438\u0432\u0435\u0442. \u0422\u0440\u0435\u0442\u044c\u044f \u043d\u0435\u043e\u0447\u0435\u0432\u0438\u0434\u043d\u0430. \u0412 V8 \u0432\u0441\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043e\u0434\u043d\u043e\u043c \u0432\u044b\u0437\u043e\u0432\u0435, \u0434\u0435\u043b\u044f\u0442 \u043e\u0434\u0438\u043d \u043e\u0431\u044a\u0435\u043a\u0442-\u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u0435. debug<\/code> \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u0430 \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0442\u0443\u0434\u0430 big<\/code>, \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u0435\u0440\u0436\u0438\u0442 \u0435\u0433\u043e, \u0445\u043e\u0442\u044f \u0441\u0430\u043c\u0430 big<\/code> \u043d\u0435 \u0442\u0440\u043e\u0433\u0430\u0435\u0442. \u042d\u0442\u043e \u0434\u0435\u0442\u0430\u043b\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 V8, \u0430 \u043d\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430: \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u0434\u0432\u0438\u0436\u043a\u0430\u0445 \u0446\u0438\u0444\u0440\u044b \u043c\u043e\u0433\u0443\u0442 \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c\u0441\u044f, \u043d\u043e \u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0435 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442.<\/p>\n
      \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043c\u0435\u0440\u044b:<\/p>\n