{"id":313322,"date":"2020-11-17T21:00:27","date_gmt":"2020-11-17T21:00:27","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=313322"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=313322","title":{"rendered":"Namespaces \u0432 JavaScript (\u0447\u0430\u0441\u0442\u044c II, \u0437\u0430\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f)"},"content":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\">\n<p>\u0412 \u0441\u0432\u043e\u0435\u0439 <a href=\"https:\/\/habr.com\/ru\/post\/527610\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0440\u043e\u0448\u043b\u043e\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u0440\u0438\u043a\u0438\u0434\u044b\u0432\u0430\u043b, \u043a\u0430\u043a\u0438\u0435 namespace&#8217;\u044b \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u044b \u0434\u043b\u044f \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430 \u0432 ES6-\u043c\u043e\u0434\u0443\u043b\u044f\u0445. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e, \u043a\u0430\u043a\u0438\u0435 namespace&#8217;\u044b \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438\u0441\u044c \u0438 \u043a\u0430\u043a \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438 \u043f\u043e\u0440\u043e\u0436\u0434\u0435\u043d\u0438\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 (dependency injection).<\/p>\n<h2>\u0414\u043b\u044f \u0447\u0435\u0433\u043e \u043d\u0443\u0436\u043d\u044b namespace&#8217;\u044b<\/h2>\n<p>\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u043d\u0435 \u0432\u0438\u0434\u0438\u0442 \u0432\u0430\u0436\u043d\u043e\u0441\u0442\u044c namespace&#8217;\u043e\u0432, \u043c\u043e\u0433\u0443 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0435 \u0430\u0434\u0440\u0435\u0441\u0430:<\/p>\n<ul>\n<li>\n<p>\u0441\u0442\u0440\u0430\u043d\u0430 \/ \u043e\u0431\u043b\u0430\u0441\u0442\u044c \/ \u0433\u043e\u0440\u043e\u0434 \/ \u0443\u043b\u0438\u0446\u0430 \/ \u0434\u043e\u043c \/ \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0430<\/p>\n<\/li>\n<\/ul>\n<p>\u0438\u043b\u0438 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044e \u0432 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435:<\/p>\n<ul>\n<li>\n<p>\/var\/lib\/dpkg\/status<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u043e\u0431\u0449\u0435\u043c, namespace&#8217;\u044b \u043d\u0443\u0436\u043d\u044b \u0434\u043b\u044f \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u044f \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0434\u043d\u043e\u0442\u0438\u043f\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432: \u0436\u0438\u0442\u0435\u043b\u0435\u0439 \u043f\u043b\u0430\u043d\u0435\u0442\u044b, \u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0430 \u0434\u0438\u0441\u043a\u0435, \u0434\u043e\u043c\u0435\u043d\u043e\u0432 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435, \u043a\u043e\u0434\u0430 \u0432 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u044b \u0441 \u044d\u0442\u0438\u043c \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435\u043c, \u043b\u0443\u0447\u0448\u0435 \u0434\u0430\u043b\u044c\u0448\u0435 \u043d\u0435 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 &#8212; \u0432\u044b \u0442\u043e\u0447\u043d\u043e \u043d\u0435 \u043f\u043e\u0439\u043c\u0451\u0442\u0435, <a href=\"https:\/\/www.anekdot.ru\/id\/-1081119018\/\" rel=\"noopener noreferrer nofollow\">\u0437\u0430\u0447\u0435\u043c \u0432\u0430\u043c \u0432\u0441\u0435 \u044d\u0442\u0438 \u043d\u0430\u0432\u043e\u0440\u043e\u0442\u044b<\/a>, \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442\u0435 \u0432\u0440\u0435\u043c\u044f \u0438 \u0438\u0441\u043f\u043e\u0440\u0442\u0438\u0442\u0435 \u0441\u0435\u0431\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435.<\/p>\n<h2>\u0414\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440 JavaScript&#8217;\u0430<\/h2>\n<p>\u041e\u0442\u043b\u0438\u0447\u0438\u0435 JavaScript&#8217;\u0430 \u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e JS-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u0432 \u0434\u0432\u0443\u0445 \u043e\u0447\u0435\u043d\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0430\u0445:<\/p>\n<ul>\n<li>\n<p><strong>\u0431\u0440\u0430\u0443\u0437\u0435\u0440<\/strong>: \u0441 \u043e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430 \u0441\u0435\u0442\u0435\u0432\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b;<\/p>\n<\/li>\n<li>\n<p><strong>\u0441\u0435\u0440\u0432\u0435\u0440<\/strong>: \u0441 \u043e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b;<\/p>\n<\/li>\n<\/ul>\n<p>\u041e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 ES6-\u043c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u043d \u0432 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e\u0439 \u043d\u043e\u0442\u0430\u0446\u0438\u0438 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c (\u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438 \u0441\u0435\u0440\u0432\u0435\u0440):<\/p>\n<pre><code>http:\/\/demo.com\/node_modules\/@vendor\/package\/src\/module.mjs \/home\/alex\/demo\/node_modules\/@vendor\/package\/src\/module.mjs<\/code><\/pre>\n<h2>\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0438 ES6-\u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/h2>\n<p>\u0412 nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u043e\u0434\u0430 \u0438\u0434\u0451\u0442 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 <code>.\/node_modules\/<\/code>:<\/p>\n<pre><code class=\"javascript\">import ModuleDefault from '@vendor\/module\/src\/Module.mjs';<\/code><\/pre>\n<p>\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u0442\u0430\u043a\u0430\u044f \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u043e\u0448\u0438\u0431\u043a\u0435:<\/p>\n<blockquote>\n<p>Uncaught (in promise) TypeError: Failed to resolve module specifier &#171;@vendor\/module\/src\/Module.mjs&#187;. Relative references must start with either &#171;\/&#187;, &#171;.\/&#187;, or &#171;..\/&#187;.<\/p>\n<\/blockquote>\n<p>\u0415\u0441\u043b\u0438 \u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0430\u0434\u0440\u0435\u0441 \u043d\u0430 <code>.\/@vendor\/module\/src\/Module.mjs<\/code>, \u043a\u0430\u043a \u0442\u043e\u0433\u043e \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u0430\u044f \u0441\u0440\u0435\u0434\u0430, \u0442\u043e \u0432 nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043e\u0448\u0438\u0431\u043a\u0443:<\/p>\n<pre><code>internal\/process\/esm_loader.js:74     internalBinding('errors').triggerUncaughtException(                               ^  Error [ERR_MODULE_NOT_FOUND]: Cannot find module '\/...\/@vendor\/module\/src\/Module.mjs' imported from \/...\/test.mjs     at finalizeResolution (internal\/modules\/esm\/resolve.js:276:11)     at moduleResolve (internal\/modules\/esm\/resolve.js:699:10)<\/code><\/pre>\n<p>\u042d\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u0438\u043c\u0435\u0435\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u043a\u043e\u0434 \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u043c <code>import<\/code> , \u0441\u0441\u044b\u043b\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043f\u0430\u043a\u0435\u0442\u0430\u0445, \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0438 \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u0438 \u0434\u043b\u044f nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n<details class=\"spoiler\">\n<summary>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0422.\u0435., \u0435\u0441\u043b\u0438 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c <code>ClassA.mjs<\/code> \u0432 \u043f\u0430\u043a\u0435\u0442\u0435 <code>packageA<\/code>:<\/p>\n<pre><code>export default class ClassA {}<\/code><\/pre>\n<p>\u0418 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c <code>ClassB.mjs<\/code> \u0432 \u043f\u0430\u043a\u0435\u0442\u0435 <code>packageB<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0438\u0437 \u043c\u043e\u0434\u0443\u043b\u044f <code>packageA\/ClassA.mjs<\/code>:<\/p>\n<pre><code class=\"javascript\">import ClassA from 'packageA\/ClassA.mjs'  export default class ClassB {}<\/code><\/pre>\n<p> \u0442\u043e \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u0430 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"javascript\">import ClassA from '.\/packageA\/ClassA.mjs'  export default class ClassB {}<\/code><\/pre>\n<p>\u0432 nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438.<\/p>\n<p>\u0422\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u0438 \u0442\u0430\u043c, \u0438 \u0442\u0430\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043a\u043e\u0434:<\/p>\n<pre><code class=\"javascript\">import ClassA from '\/packageA\/ClassA.mjs'  export default class ClassB {}<\/code><\/pre>\n<p>\u043d\u043e \u0434\u043b\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430 \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u0443\u0434\u0435\u043c \u0432\u044b\u043b\u043e\u0436\u0438\u0442\u044c \u0432\u0441\u0435 npm-\u043f\u0430\u043a\u0435\u0442\u044b \u0432 \u043a\u043e\u0440\u0435\u043d\u044c \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/p>\n<\/div>\n<\/details>\n<h2>\u0410\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f ES6-\u043c\u043e\u0434\u0443\u043b\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u0443\u0442\u0435\u0439<\/h2>\n<p>\u0412 <a href=\"https:\/\/habr.com\/ru\/post\/527610\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043b \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0443\u0442\u0435\u0439 \u043a \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u0438\u0437 \u0432\u0438\u0434\u0430:<\/p>\n<pre><code>@vendor\/package1\/src\/module1.js<\/code><\/pre>\n<p>\u043a \u0432\u0438\u0434\u0443:<\/p>\n<pre><code>@vendor\/package1\/module1<\/code><\/pre>\n<p>\u0423 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u043a &#8212; \u0430\u0434\u0440\u0435\u0441 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c &#171;\/&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c (\u0431\u0435\u0437 \u044d\u043a\u0440\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f) \u0432 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430\u0445 JS-\u043a\u043e\u0434\u0430 (\u0438\u043c\u0435\u043d\u0430\u0445 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445, \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u043a\u043b\u0430\u0441\u0441\u043e\u0432):<\/p>\n<pre><code class=\"javascript\">const obj = {name, version, Path\/Like\/Id}<\/code><\/pre>\n<h2>\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u0430\u044f \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f ES6-\u043c\u043e\u0434\u0443\u043b\u044f<\/h2>\n<p>\u0412 PHP namespace&#8217;\u044b \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 5.3, \u0430 \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u043f\u043e\u0434\u0445\u043e\u0434, \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u0439, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 Zend1 (<a href=\"https:\/\/framework.zend.com\/manual\/2.4\/en\/migration\/namespacing-old-classes.html\" rel=\"noopener noreferrer nofollow\">old style<\/a>):<\/p>\n<pre><code class=\"php\">class My_Long_NestedComponent_ClassName {}<\/code><\/pre>\n<p>\u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0437\u0430\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b \u0441\u0435\u0431\u044f \u0432 PHP (\u0434\u043e \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0445 \u0432 \u044f\u0437\u044b\u043a namespace&#8217;\u043e\u0432), \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0433\u043e \u0432\u043f\u043e\u043b\u043d\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043d\u0430 JS, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043f\u0440\u0438 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432 \u0441\u0438\u043c\u0432\u043e\u043b\u044b, \u0440\u0430\u0437\u0440\u0435\u0448\u0451\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u0432 JS-\u043a\u043e\u0434\u0430:<\/p>\n<pre><code class=\"javascript\">const obj = {name, version, Zend_Like_Id}<\/code><\/pre>\n<p>\u041a \u0442\u043e\u043c\u0443 \u0436\u0435 \u0443 \u043d\u0435\u0433\u043e \u0435\u0441\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u043b\u044e\u0441 \u043f\u043e \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044e \u043a \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u0443\u0442\u0435\u0439.<\/p>\n<p>\u0418\u043c\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e npm-\u043f\u0430\u043a\u0435\u0442\u0430 (<code>package<\/code>) \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u0435\u0439 (<code>\/<\/code>), \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e &#8212; \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043f\u0430\u043a\u0435\u0442 \u0432 <a href=\"https:\/\/docs.npmjs.com\/cli\/v6\/using-npm\/scope\" rel=\"noopener noreferrer nofollow\">scope<\/a> (<code>@vendor\/package<\/code>). \u0415\u0441\u043b\u0438 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043d\u0430\u0448 \u043f\u0430\u043a\u0435\u0442 \u0440\u0430\u0437\u0440\u043e\u0441\u0441\u044f \u0438 \u043c\u044b \u0437\u0430\u0445\u043e\u0442\u0438\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u0442\u043e \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u044b\u0432\u0430\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u043e\u0434\u0430:<\/p>\n<pre><code>package\/module1\/region\/area\/path\/to\/module \/\/ old 'package' package_module1\/region\/area\/path\/to\/module \/\/ new 'package_module1' package_module1_region\/area\/path\/to\/module \/\/ new 'package_module1_region'<\/code><\/pre>\n<p>\u0410\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u0432 \u0441\u0442\u0438\u043b\u0435 Zend1 \u043b\u0438\u0448\u0435\u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0430. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u043c\u0430\u043f\u043f\u0438\u043d\u0433\u0430 \u0434\u043b\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0443\u0437\u043b\u043e\u0432 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430:<\/p>\n<pre><code>Package =&gt; .\/node_modules\/package Package_Module1 =&gt; .\/node_modules\/package_mod1 Package_Module1_Region =&gt; .\/node_modules\/package_mod1_reg<\/code><\/pre>\n<p>\u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043f\u0443\u0442\u044c \u043a \u0438\u0441\u043a\u043e\u043c\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0434\u043b\u0438\u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u043c\u0430\u043f\u043f\u0438\u043d\u0433\u0430:<\/p>\n<pre><code>Package_Module2_Mod =&gt; .\/node_modules\/package\/Module2\/Mod.js Package_Module1_Sub_Mod =&gt; .\/node_modules\/package_mod1\/Sub\/Mod.js Package_Module1_Region_Area =&gt; .\/node_modules\/package_mod1_reg\/Area.js<\/code><\/pre>\n<p>\u0412 \u043e\u0431\u0449\u0435\u043c, \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0438 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043b\u0443\u0447\u0448\u0435 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u0443\u0442\u0435\u0439.<\/p>\n<h2>\u0410\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u043a\u043e\u0434\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 ES6-\u043c\u043e\u0434\u0443\u043b\u044f<\/h2>\n<p>ES6-\u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0441\u0432\u043e\u0435\u043c\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c\u0443 \u0447\u0435\u0440\u0435\u0437 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e <code>export<\/code>. \u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e <code>Ns_App_Plugin<\/code> c \u043c\u0430\u043f\u043f\u0438\u043d\u0433\u043e\u043c \u043d\u0430 \u043f\u0443\u0442\u044c <code>.\/node_modules\/@vendor\/app_plugin\/src<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d ES6-\u043c\u043e\u0434\u0443\u043b\u044c <code>.\/Shared\/Util.mjs<\/code> \u0441 \u0442\u0430\u043a\u0438\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u043c:<\/p>\n<pre><code class=\"javascript\">export function fn() {}; export class Clazz {}; export default {fn, Clazz};<\/code><\/pre>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f namespace \u0441 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0439 \u043e\u0442 \u043f\u0443\u0442\u0438 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0435\u0439, \u043c\u043e\u0436\u043d\u043e \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c \u043c\u043e\u0434\u0443\u043b\u044c \u043a\u0430\u043a:<\/p>\n<pre><code>Ns_App_Plugin_Shared_Util<\/code><\/pre>\n<p>\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0441\u0438\u043c\u0432\u043e\u043b &#171;#&#187; (\u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u043c \u0432 URL), \u043c\u043e\u0436\u043d\u043e \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f:<\/p>\n<pre><code>Ns_App_Plugin_Shared_Util#fn Ns_App_Plugin_Shared_Util#Clazz Ns_App_Plugin_Shared_Util#default<\/code><\/pre>\n<p>\u0421\u0438\u043c\u0432\u043e\u043b &#171;#&#187; \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0438 \u0441\u0438\u043c\u0432\u043e\u043b &#171;\/&#187;, \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430\u0445 JS-\u043a\u043e\u0434\u0430 \u0431\u0435\u0437 \u044d\u043a\u0440\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u0412\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u043c\u0432\u043e\u043b &#171;$&#187;, \u043d\u043e \u044f \u0435\u0433\u043e \u043f\u0440\u0438\u0431\u0435\u0440\u0451\u0433 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u043e\u0433\u043e (\u043e\u0431 \u044d\u0442\u043e\u043c \u0447\u0443\u0442\u044c \u043d\u0438\u0436\u0435).<\/p>\n<h2>Default export<\/h2>\n<p>\u0412 Java \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c java-\u0444\u0430\u0439\u043b\u0435. \u0412 PHP \u043c\u043e\u0436\u043d\u043e \u0432 \u043e\u0434\u043d\u043e\u043c php-\u0444\u0430\u0439\u043b\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043d\u043e, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043f\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430: \u043e\u0434\u0438\u043d \u043a\u043b\u0430\u0441\u0441 &#8212; \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b.<\/p>\n<p>\u0412 ES6-\u043c\u043e\u0434\u0443\u043b\u0435 \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430 (\u043a\u043b\u0430\u0441\u0441, \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043e\u0431\u044a\u0435\u043a\u0442) \u043d\u0430 \u0444\u0430\u0439\u043b \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e:<\/p>\n<pre><code class=\"javascript\">export default function Ns_App_Plugin_Shared_Util() {}<\/code><\/pre>\n<p>\u0415\u0441\u043b\u0438 \u043f\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430 &#8212; &#171;\u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b &#8212; \u043e\u0434\u0438\u043d \u044d\u043a\u0441\u043f\u043e\u0440\u0442&#187;, \u0442\u043e \u0443 \u043d\u0430\u0441 \u043f\u0440\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u0430 &#171;#&#187;. \u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u0430\u0434\u0440\u0435\u0441 <code>Ns_App_Plugin_Shared_Util<\/code> \u043c\u043e\u0436\u0435\u0442 \u043e\u0437\u043d\u0430\u0447\u0430\u0442\u044c \u043a\u0430\u043a ES6-\u043c\u043e\u0434\u0443\u043b\u044c, \u0442\u0430\u043a \u0438 default \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f.<\/p>\n<h2>\u041f\u043e\u0440\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432<\/h2>\n<p>\u0412 \u0441\u0432\u043e\u0451\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043c\u044b, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043e\u043f\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043a\u043e\u0434\u0430 \u043d\u0435 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u0430 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u044d\u0442\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u0422.\u0435., \u043d\u0430\u043c \u0432 \u043a\u043e\u0434\u0435 \u043d\u0443\u0436\u043d\u044b \u043d\u0435 \u0441\u0430\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u0438, \u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u043a\u043b\u0430\u0441\u0441\u044b, \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438. \u0418\u043d\u043e\u0433\u0434\u0430 \u043d\u0430\u043c \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043d\u0443\u0436\u0435\u043d \u043e\u0434\u0438\u043d \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 \u043a\u0430\u043a\u043e\u0433\u043e-\u0442\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 (\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f), \u0430 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438\u043b\u0438 \u043a\u043b\u0430\u0441\u0441\u0430. \u041f\u0435\u0440\u0432\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u043e\u0447\u043a\u043e\u0439, \u0430 \u0432\u0442\u043e\u0440\u043e\u0439 &#8212; \u0444\u0430\u0431\u0440\u0438\u043a\u0430 (<a href=\"https:\/\/stackoverflow.com\/questions\/2094211\/difference-between-singleton-and-factory-pattern\" rel=\"noopener noreferrer nofollow\">\u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0435<\/a>).<\/p>\n<p>\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0443 \u043d\u0430\u0441 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0435\u0441\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0434\u0432\u0443\u0445 \u0442\u0438\u043f\u043e\u0432. \u041f\u0443\u0441\u0442\u044c \u043e\u0434\u0438\u043d\u043e\u0447\u043a\u0438 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u0443 \u043d\u0430\u0441 \u0430\u0434\u0440\u0435\u0441\u0443\u044e\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u043e\u0439, \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0441 \u043f\u0440\u043e\u043f\u0438\u0441\u043d\u043e\u0439 \u0431\u0443\u043a\u0432\u044b (<code>dbConfig<\/code>), \u0430 \u0444\u0430\u0431\u0440\u0438\u043a\u0438 &#8212; \u0442\u0430\u043a\u043e\u0439 \u0436\u0435 \u0441\u0442\u0440\u043e\u043a\u043e\u0439, \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u0434\u0432\u0443\u043c\u044f \u0437\u043d\u0430\u043a\u0430\u043c\u0438 \u0434\u043e\u043b\u043b\u0430\u0440\u0430 \u043d\u0430 \u043a\u043e\u043d\u0446\u0435 &#8212; <code>dbTransaction$$<\/code>. \u0422\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0443 \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">const cfg1 = container.get('dbConfig'); const cfg2 = container.get('dbConfig'); const trn1 = container.get('dbTransaction$$'); const trn2 = container.get('dbTransaction$$');  cfg === cfg2;   \/\/ true trn1 === trn2;   \/\/ false<\/code><\/pre>\n<p>\u0414\u043f\u0443\u0441\u0442\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0438\u043c\u0435\u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442\u0441\u044f \u0441 \u0437\u0430\u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0431\u0443\u043a\u0432\u044b (\u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u043e\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u043c\u043e\u0434\u0443\u043b\u044f). \u0422\u043e\u0433\u0434\u0430 \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c:<\/p>\n<pre><code class=\"javascript\">const singleton = container.get('dbConfig'); const newInstance = container.get('dbTransaction$$'); const module = container.get('Ns_App_Plugin_Shared_Util'); const defExport = container.get('Ns_App_Plugin_Shared_Util#'); const defExportSingleton = container.get('Ns_App_Plugin_Shared_Util$'); const defExportNewInstance = container.get('Ns_App_Plugin_Shared_Util$$');<\/code><\/pre>\n<h2>Dependency Injection<\/h2>\n<p>\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043c\u0451\u043d \u0441 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0439 \u043e\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0435\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u0432\u044f\u0437\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043a\u043e\u0434\u0430 \u043e\u0442 \u0435\u0433\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043e\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0444\u0430\u0439\u043b\u043e\u0432 \u043a \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439.<\/p>\n<p>\u0427\u0443\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434 \u044f \u0443\u0436\u0435 \u0434\u0435\u043b\u0430\u043b \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e DI-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0438 \u0434\u0430\u0436\u0435 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043b \u0435\u0433\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 <a href=\"https:\/\/habr.com\/ru\/post\/464347\/\" rel=\"noopener noreferrer nofollow\">\u043d\u0430 \u0425\u0430\u0431\u0440\u0435<\/a>. \u041d\u043e \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f ES6-\u043c\u043e\u0434\u0443\u043b\u044f \u043a\u0430\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 JS-\u043a\u043e\u0434\u0430. \u0422\u0430\u043a\u043e\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u0448\u043b\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 &#171;<a href=\"https:\/\/habr.com\/ru\/post\/524526\/\" rel=\"noopener noreferrer nofollow\">Javascript: \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438 \u0435\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u043e\u0442\u043b\u0430\u0434\u043a\u0435<\/a>&#187; (\u044d\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0438 \u0435\u0441\u0442\u044c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 <a href=\"https:\/\/habr.com\/ru\/post\/524526\/#comment_22240564\" rel=\"noopener noreferrer nofollow\">\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043b\u0441\u044f<\/a> \u043a\u043e\u043b\u043b\u0435\u0433\u0430 <a class=\"mention\" href=\"\/users\/zenitchik\">@Zenitchik<\/a>). \u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043c\u043e\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u043b\u0430 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u044b\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0444\u0430\u0431\u0440\u0438\u043a (\u0432\u043d\u043e\u0432\u044c \u043f\u043e\u0440\u043e\u0436\u0434\u0451\u043d\u043d\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b). \u0412 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c:<\/p>\n<ul>\n<li>\n<p>singleton, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0432\u0440\u0443\u0447\u043d\u0443\u044e: <code>dbConfig<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0438, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0439 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0432\u0440\u0443\u0447\u043d\u0443\u044e: <code>dbTransaction$$<\/code>;<\/p>\n<\/li>\n<li>\n<p>ES6-\u043c\u043e\u0434\u0443\u043b\u044c: <code>Ns_App_Module<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442: <code>Ns_App_Module#name<\/code> (\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439) \u0438 <code>Ns_App_Module#<\/code> (default); <\/p>\n<\/li>\n<li>\n<p>singleton, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u0438\u0437 default-\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module$<\/code>;<\/p>\n<\/li>\n<li>\n<p>singleton, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u0438\u0437 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module#name$<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0438, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0439 \u0438\u0437 default-\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module$$<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0438, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0439 \u0438\u0437 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module#name$$<\/code>;<\/p>\n<\/li>\n<\/ul>\n<p>\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u043c \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u043c\u043e\u0433\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0438\u0445 JS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 namespace&#8217;\u044b, \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435 \u0442\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0435\u0441\u0442\u044c \u0432 PHP \u0438 Java, \u0430 \u0442\u0438\u043f\u043e\u0432\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">export default function Ns_App_Plugin_Fn(spec) {     const singleton = spec.dbConfig;     const newInstance = spec.dbTransaction$$;     const module = spec.Ns_App_Plugin_Shared_Util;     const defExport = spec['Ns_App_Plugin_Shared_Util#'];     const defExportSingleton = spec.Ns_App_Plugin_Shared_Util$;     const defExportNewInstance = spec.Ns_App_Plugin_Shared_Util$$;     \/\/ ... }<\/code><\/pre>\n<p>\u0438\u043b\u0438 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">export default class Ns_App_Plugin_Class {     constructor(spec) {         const singleton = spec.dbConfig;         \/\/ ...     } }<\/code><\/pre>\n<p>\u0418 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0431\u0435\u0437 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u043a\u0430\u043a \u0432 nodejs, \u0442\u0430\u043a \u0438 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435.<\/p>\n<h2>\u041d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0438<\/h2>\n<h3>\u041d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/h3>\n<p>\u041f\u0440\u0438 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u0435 \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435:<\/p>\n<pre><code class=\"javascript\">export default class Ns_App_Plugin_Mod extends Ns_App_Plugin_Base {}<\/code><\/pre>\n<p>\u0432\u043c\u0435\u0441\u0442\u043e \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/medium.com\/javascript-in-plain-english\/inheritance-is-a-vs-composition-has-a-in-javascript-98fb96dfa0e6\" rel=\"noopener noreferrer nofollow\">\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u044e<\/a>, \u0447\u0442\u043e \u0434\u043b\u044f \u043c\u043e\u0438\u0445 \u0437\u0430\u0434\u0430\u0447 \u0441\u0447\u0438\u0442\u0430\u044e \u043f\u0440\u0438\u0435\u043c\u043b\u0435\u043c\u044b\u043c.<\/p>\n<h3>\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435<\/h3>\n<p>\u041d\u0435 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c ES6-\u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u0432\u0438\u0434\u0435 \u0444\u0430\u0439\u043b\u043e\u0432 \u0441 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435\u043c <code>*.js<\/code>.  \u041f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0448\u0438\u0431\u043a\u0430:<\/p>\n<pre><code>(node:506150) Warning: To load an ES module, set \"type\": \"module\" in the package.json or use the .mjs extension. \/home\/alex\/...\/src\/Server.js:2 import $path from 'path'; ^^^^^^<\/code><\/pre>\n<p>\u0414\u043b\u044f \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043b\u0443\u0447\u0448\u0435 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0432\u0441\u0435 ES6-\u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u0444\u0430\u0439\u043b\u0430\u0445 \u0441 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435\u043c <code>*.mjs<\/code>. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043a \u043f\u0440\u0438\u043d\u0443\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0441\u0445\u0435\u043c\u0443 ES6.<\/p>\n<h2>\u0414\u0435\u043c\u043e<\/h2>\n<p>\u042f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 <a href=\"https:\/\/github.com\/flancer64\/demo_teqfw_di\" rel=\"noopener noreferrer nofollow\">\u0434\u0435\u043c\u043e-\u043f\u0440\u043e\u0435\u043a\u0442<\/a>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0435\u0441\u0442\u044c \u0434\u0432\u0430 \u043c\u043e\u0434\u0443\u043b\u044f:<\/p>\n<pre><code>@flancer64\/demo_teqfw_di_mod_main @flancer64\/demo_teqfw_di_mod_plugin<\/code><\/pre>\n<p>\u0412 \u043a\u0430\u0436\u0434\u043e\u043c \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043f\u043e \u0442\u0440\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u0430:<\/p>\n<pre><code>.\/src\/Front.mjs .\/src\/Server.mjs .\/src\/Shared.mjs<\/code><\/pre>\n<p>Front-\u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0438 server-\u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 shared-\u0441\u043a\u0440\u0438\u043f\u0442\u044b, \u0430 \u0441\u043a\u0440\u0438\u043f\u0442\u044b main-\u043c\u043e\u0434\u0443\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0441\u043a\u0440\u0438\u043f\u0442\u044b plugin-\u043c\u043e\u0434\u0443\u043b\u044f.<\/p>\n<p>\u0412 <a href=\"https:\/\/github.com\/flancer64\/demo_teqfw_di\/blob\/main\/README.md\" rel=\"noopener noreferrer nofollow\">README<\/a> \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u044b \u043e\u0431\u0435 \u0441\u0442\u043e\u0440\u043e\u043d\u044b, \u0430 \u0437\u0434\u0435\u0441\u044c \u0434\u0430\u044e \u043a\u0440\u0430\u0442\u043a\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u0444\u0440\u043e\u043d\u0442\u0430.<\/p>\n<p>\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430, \u0435\u0433\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0434\u043b\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435:<\/p>\n<pre><code class=\"javascript\">&lt;script type=\"module\"&gt;     const baseUrl = location.href;     \/\/ load DI container as ES6 module (w\/o namespaces)     import(baseUrl + 'node_modules\/@teqfw\/di\/src\/Container.mjs').then(async (modContainer) =&gt; {         \/\/ init container and setup namespaces mapping         \/** @type {TeqFw_Di_Container} *\/         const container = new modContainer.default();         const pathMain = baseUrl + 'node_modules\/@flancer64\/demo_teqfw_di_mod_main\/src';         const pathPlugin = baseUrl + 'node_modules\/@flancer64\/demo_teqfw_di_mod_plugin\/src';         container.addSourceMapping('Demo_Main', pathMain, true, 'mjs');         container.addSourceMapping('Demo_Main_Plugin', pathPlugin, true, 'mjs');         \/\/ get main front as singleton         \/** @type {Demo_Main_Front} *\/         const frontMain = await container.get('Demo_Main_Front$');         frontMain.out('#main', '#plugin');     }); &lt;\/script&gt;<\/code><\/pre>\n<p>\u041a\u043e\u0434 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0444\u0440\u043e\u043d\u0442-\u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0441 \u043f\u043e\u0434\u0442\u044f\u0433\u0438\u0432\u0430\u043d\u0438\u0435\u043c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0432 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0435 \u0447\u0435\u0440\u0435\u0437 <code>spec<\/code> \u043e\u0431\u044a\u0435\u043a\u0442:<\/p>\n<pre><code class=\"javascript\">\/\/ frontend code cannot use traditional npm packages but can use browser API export default class Demo_Main_Front {     \/** @type {Demo_Main_Shared} *\/     singleMainShared     \/** @type {Demo_Main_Plugin_Front} *\/     instPluginFront      constructor(spec) {         \/\/ get default export as singleton (class)         this.singleMainShared = spec.Demo_Main_Shared$;         \/\/ get default export as new instance (class)         this.instPluginFront = spec.Demo_Main_Plugin_Front$$;     }     \/\/... }<\/code><\/pre>\n<p>\u041a\u043e\u0434 shared-\u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0438\u0437 plugin-\u043f\u0430\u043a\u0435\u0442\u0430:<\/p>\n<pre><code class=\"javascript\">\/\/ shared code cannot use traditional npm packages and cannot use browser API export default function Demo_Main_Plugin_Shared(param) {     return {pluginShared: param}; }<\/code><\/pre>\n<h2>\u0420\u0435\u0437\u044e\u043c\u0435<\/h2>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/2b3\/3cd\/9c6\/2b33cd9c69d9dab965b40d1062feec0d.jpg\" width=\"800\" height=\"600\"><figcaption><\/figcaption><\/figure>\n<p>\u0412\u043e\u0442 \u043e\u043d &#8212; <a href=\"https:\/\/github.com\/teqfw\/di\" rel=\"noopener noreferrer nofollow\">@teqfw\/di<\/a><\/p>\n<\/p>\n<\/div>\n<p> \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\/ru\/post\/528218\/\"> https:\/\/habr.com\/ru\/post\/528218\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\">\n<p>\u0412 \u0441\u0432\u043e\u0435\u0439 <a href=\"https:\/\/habr.com\/ru\/post\/527610\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0440\u043e\u0448\u043b\u043e\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u0440\u0438\u043a\u0438\u0434\u044b\u0432\u0430\u043b, \u043a\u0430\u043a\u0438\u0435 namespace&#8217;\u044b \u043c\u043d\u0435 \u043d\u0443\u0436\u043d\u044b \u0434\u043b\u044f \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430 \u0432 ES6-\u043c\u043e\u0434\u0443\u043b\u044f\u0445. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e, \u043a\u0430\u043a\u0438\u0435 namespace&#8217;\u044b \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438\u0441\u044c \u0438 \u043a\u0430\u043a \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438 \u043f\u043e\u0440\u043e\u0436\u0434\u0435\u043d\u0438\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043d\u0438\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 (dependency injection).<\/p>\n<h2>\u0414\u043b\u044f \u0447\u0435\u0433\u043e \u043d\u0443\u0436\u043d\u044b namespace&#8217;\u044b<\/h2>\n<p>\u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u043d\u0435 \u0432\u0438\u0434\u0438\u0442 \u0432\u0430\u0436\u043d\u043e\u0441\u0442\u044c namespace&#8217;\u043e\u0432, \u043c\u043e\u0433\u0443 \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0435 \u0430\u0434\u0440\u0435\u0441\u0430:<\/p>\n<ul>\n<li>\n<p>\u0441\u0442\u0440\u0430\u043d\u0430 \/ \u043e\u0431\u043b\u0430\u0441\u0442\u044c \/ \u0433\u043e\u0440\u043e\u0434 \/ \u0443\u043b\u0438\u0446\u0430 \/ \u0434\u043e\u043c \/ \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u0430<\/p>\n<\/li>\n<\/ul>\n<p>\u0438\u043b\u0438 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044e \u0432 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435:<\/p>\n<ul>\n<li>\n<p>\/var\/lib\/dpkg\/status<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u043e\u0431\u0449\u0435\u043c, namespace&#8217;\u044b \u043d\u0443\u0436\u043d\u044b \u0434\u043b\u044f \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u044f \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0434\u043d\u043e\u0442\u0438\u043f\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432: \u0436\u0438\u0442\u0435\u043b\u0435\u0439 \u043f\u043b\u0430\u043d\u0435\u0442\u044b, \u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0430 \u0434\u0438\u0441\u043a\u0435, \u0434\u043e\u043c\u0435\u043d\u043e\u0432 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435, \u043a\u043e\u0434\u0430 \u0432 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u044b \u0441 \u044d\u0442\u0438\u043c \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435\u043c, \u043b\u0443\u0447\u0448\u0435 \u0434\u0430\u043b\u044c\u0448\u0435 \u043d\u0435 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 &#8212; \u0432\u044b \u0442\u043e\u0447\u043d\u043e \u043d\u0435 \u043f\u043e\u0439\u043c\u0451\u0442\u0435, <a href=\"https:\/\/www.anekdot.ru\/id\/-1081119018\/\" rel=\"noopener noreferrer nofollow\">\u0437\u0430\u0447\u0435\u043c \u0432\u0430\u043c \u0432\u0441\u0435 \u044d\u0442\u0438 \u043d\u0430\u0432\u043e\u0440\u043e\u0442\u044b<\/a>, \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442\u0435 \u0432\u0440\u0435\u043c\u044f \u0438 \u0438\u0441\u043f\u043e\u0440\u0442\u0438\u0442\u0435 \u0441\u0435\u0431\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435.<\/p>\n<h2>\u0414\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440 JavaScript&#8217;\u0430<\/h2>\n<p>\u041e\u0442\u043b\u0438\u0447\u0438\u0435 JavaScript&#8217;\u0430 \u043e\u0442 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u044f\u0437\u044b\u043a\u043e\u0432 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e JS-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b \u0438\u0441\u043f\u043e\u043b\u043d\u044f\u044e\u0442\u0441\u044f \u0432 \u0434\u0432\u0443\u0445 \u043e\u0447\u0435\u043d\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0430\u0445:<\/p>\n<ul>\n<li>\n<p><strong>\u0431\u0440\u0430\u0443\u0437\u0435\u0440<\/strong>: \u0441 \u043e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430 \u0441\u0435\u0442\u0435\u0432\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b;<\/p>\n<\/li>\n<li>\n<p><strong>\u0441\u0435\u0440\u0432\u0435\u0440<\/strong>: \u0441 \u043e\u0440\u0438\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430 \u0444\u0430\u0439\u043b\u043e\u0432\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b;<\/p>\n<\/li>\n<\/ul>\n<p>\u041e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 ES6-\u043c\u043e\u0434\u0443\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u043d \u0432 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e\u0439 \u043d\u043e\u0442\u0430\u0446\u0438\u0438 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c (\u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438 \u0441\u0435\u0440\u0432\u0435\u0440):<\/p>\n<pre><code>http:\/\/demo.com\/node_modules\/@vendor\/package\/src\/module.mjs \/home\/alex\/demo\/node_modules\/@vendor\/package\/src\/module.mjs<\/code><\/pre>\n<h2>\u0422\u0435\u043a\u0443\u0449\u0430\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0438 ES6-\u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/h2>\n<p>\u0412 nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u043e\u0434\u0430 \u0438\u0434\u0451\u0442 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 <code>.\/node_modules\/<\/code>:<\/p>\n<pre><code class=\"javascript\">import ModuleDefault from '@vendor\/module\/src\/Module.mjs';<\/code><\/pre>\n<p>\u0430 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u0442\u0430\u043a\u0430\u044f \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u043e\u0448\u0438\u0431\u043a\u0435:<\/p>\n<blockquote>\n<p>Uncaught (in promise) TypeError: Failed to resolve module specifier &#171;@vendor\/module\/src\/Module.mjs&#187;. Relative references must start with either &#171;\/&#187;, &#171;.\/&#187;, or &#171;..\/&#187;.<\/p>\n<\/blockquote>\n<p>\u0415\u0441\u043b\u0438 \u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0430\u0434\u0440\u0435\u0441 \u043d\u0430 <code>.\/@vendor\/module\/src\/Module.mjs<\/code>, \u043a\u0430\u043a \u0442\u043e\u0433\u043e \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u0430\u044f \u0441\u0440\u0435\u0434\u0430, \u0442\u043e \u0432 nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043e\u0448\u0438\u0431\u043a\u0443:<\/p>\n<pre><code>internal\/process\/esm_loader.js:74     internalBinding('errors').triggerUncaughtException(                               ^  Error [ERR_MODULE_NOT_FOUND]: Cannot find module '\/...\/@vendor\/module\/src\/Module.mjs' imported from \/...\/test.mjs     at finalizeResolution (internal\/modules\/esm\/resolve.js:276:11)     at moduleResolve (internal\/modules\/esm\/resolve.js:699:10)<\/code><\/pre>\n<p>\u042d\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043a \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u0438\u043c\u0435\u0435\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u043a\u043e\u0434 \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u043e\u043c <code>import<\/code> , \u0441\u0441\u044b\u043b\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043f\u0430\u043a\u0435\u0442\u0430\u0445, \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0438 \u0434\u043b\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u0438 \u0434\u043b\u044f nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n<details class=\"spoiler\">\n<summary>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/summary>\n<div class=\"spoiler__content\">\n<p>\u0422.\u0435., \u0435\u0441\u043b\u0438 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c <code>ClassA.mjs<\/code> \u0432 \u043f\u0430\u043a\u0435\u0442\u0435 <code>packageA<\/code>:<\/p>\n<pre><code>export default class ClassA {}<\/code><\/pre>\n<p>\u0418 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c <code>ClassB.mjs<\/code> \u0432 \u043f\u0430\u043a\u0435\u0442\u0435 <code>packageB<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0438\u043c\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0438\u0437 \u043c\u043e\u0434\u0443\u043b\u044f <code>packageA\/ClassA.mjs<\/code>:<\/p>\n<pre><code class=\"javascript\">import ClassA from 'packageA\/ClassA.mjs'  export default class ClassB {}<\/code><\/pre>\n<p> \u0442\u043e \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435, \u0430 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"javascript\">import ClassA from '.\/packageA\/ClassA.mjs'  export default class ClassB {}<\/code><\/pre>\n<p>\u0432 nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438.<\/p>\n<p>\u0422\u0435\u043e\u0440\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u0438 \u0442\u0430\u043c, \u0438 \u0442\u0430\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043a\u043e\u0434:<\/p>\n<pre><code class=\"javascript\">import ClassA from '\/packageA\/ClassA.mjs'  export default class ClassB {}<\/code><\/pre>\n<p>\u043d\u043e \u0434\u043b\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430 \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u0443\u0434\u0435\u043c \u0432\u044b\u043b\u043e\u0436\u0438\u0442\u044c \u0432\u0441\u0435 npm-\u043f\u0430\u043a\u0435\u0442\u044b \u0432 \u043a\u043e\u0440\u0435\u043d\u044c \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f nodejs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/p>\n<\/div>\n<\/details>\n<h2>\u0410\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f ES6-\u043c\u043e\u0434\u0443\u043b\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u0443\u0442\u0435\u0439<\/h2>\n<p>\u0412 <a href=\"https:\/\/habr.com\/ru\/post\/527610\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439<\/a> \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043b \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u0443\u0442\u0435\u0439 \u043a \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u0438\u0437 \u0432\u0438\u0434\u0430:<\/p>\n<pre><code>@vendor\/package1\/src\/module1.js<\/code><\/pre>\n<p>\u043a \u0432\u0438\u0434\u0443:<\/p>\n<pre><code>@vendor\/package1\/module1<\/code><\/pre>\n<p>\u0423 \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0435\u0441\u0442\u044c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u043a &#8212; \u0430\u0434\u0440\u0435\u0441 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c &#171;\/&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c (\u0431\u0435\u0437 \u044d\u043a\u0440\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f) \u0432 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430\u0445 JS-\u043a\u043e\u0434\u0430 (\u0438\u043c\u0435\u043d\u0430\u0445 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445, \u0444\u0443\u043d\u043a\u0446\u0438\u0439, \u043a\u043b\u0430\u0441\u0441\u043e\u0432):<\/p>\n<pre><code class=\"javascript\">const obj = {name, version, Path\/Like\/Id}<\/code><\/pre>\n<h2>\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u0430\u044f \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f ES6-\u043c\u043e\u0434\u0443\u043b\u044f<\/h2>\n<p>\u0412 PHP namespace&#8217;\u044b \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 5.3, \u0430 \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u043f\u043e\u0434\u0445\u043e\u0434, \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u043c\u044b\u0439, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 Zend1 (<a href=\"https:\/\/framework.zend.com\/manual\/2.4\/en\/migration\/namespacing-old-classes.html\" rel=\"noopener noreferrer nofollow\">old style<\/a>):<\/p>\n<pre><code class=\"php\">class My_Long_NestedComponent_ClassName {}<\/code><\/pre>\n<p>\u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0437\u0430\u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u043e\u0432\u0430\u043b \u0441\u0435\u0431\u044f \u0432 PHP (\u0434\u043e \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0445 \u0432 \u044f\u0437\u044b\u043a namespace&#8217;\u043e\u0432), \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0433\u043e \u0432\u043f\u043e\u043b\u043d\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u043d\u0430 JS, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u043f\u0440\u0438 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432 \u0441\u0438\u043c\u0432\u043e\u043b\u044b, \u0440\u0430\u0437\u0440\u0435\u0448\u0451\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u0432 JS-\u043a\u043e\u0434\u0430:<\/p>\n<pre><code class=\"javascript\">const obj = {name, version, Zend_Like_Id}<\/code><\/pre>\n<p>\u041a \u0442\u043e\u043c\u0443 \u0436\u0435 \u0443 \u043d\u0435\u0433\u043e \u0435\u0441\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u043b\u044e\u0441 \u043f\u043e \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044e \u043a \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u0443\u0442\u0435\u0439.<\/p>\n<p>\u0418\u043c\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e npm-\u043f\u0430\u043a\u0435\u0442\u0430 (<code>package<\/code>) \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u0435\u0439 (<code>\/<\/code>), \u043c\u0430\u043a\u0441\u0438\u043c\u0443\u043c, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e &#8212; \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043f\u0430\u043a\u0435\u0442 \u0432 <a href=\"https:\/\/docs.npmjs.com\/cli\/v6\/using-npm\/scope\" rel=\"noopener noreferrer nofollow\">scope<\/a> (<code>@vendor\/package<\/code>). \u0415\u0441\u043b\u0438 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043d\u0430\u0448 \u043f\u0430\u043a\u0435\u0442 \u0440\u0430\u0437\u0440\u043e\u0441\u0441\u044f \u0438 \u043c\u044b \u0437\u0430\u0445\u043e\u0442\u0438\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u0442\u043e \u043d\u0430\u043c \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u044b\u0432\u0430\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u043e\u0434\u0430:<\/p>\n<pre><code>package\/module1\/region\/area\/path\/to\/module \/\/ old 'package' package_module1\/region\/area\/path\/to\/module \/\/ new 'package_module1' package_module1_region\/area\/path\/to\/module \/\/ new 'package_module1_region'<\/code><\/pre>\n<p>\u0410\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u0432 \u0441\u0442\u0438\u043b\u0435 Zend1 \u043b\u0438\u0448\u0435\u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0430. \u041d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u043c\u0430\u043f\u043f\u0438\u043d\u0433\u0430 \u0434\u043b\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0443\u0437\u043b\u043e\u0432 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430:<\/p>\n<pre><code>Package =&gt; .\/node_modules\/package Package_Module1 =&gt; .\/node_modules\/package_mod1 Package_Module1_Region =&gt; .\/node_modules\/package_mod1_reg<\/code><\/pre>\n<p>\u043f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043f\u0443\u0442\u044c \u043a \u0438\u0441\u043a\u043e\u043c\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0434\u043b\u0438\u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0435\u0433\u043e\u0441\u044f \u043c\u0430\u043f\u043f\u0438\u043d\u0433\u0430:<\/p>\n<pre><code>Package_Module2_Mod =&gt; .\/node_modules\/package\/Module2\/Mod.js Package_Module1_Sub_Mod =&gt; .\/node_modules\/package_mod1\/Sub\/Mod.js Package_Module1_Region_Area =&gt; .\/node_modules\/package_mod1_reg\/Area.js<\/code><\/pre>\n<p>\u0412 \u043e\u0431\u0449\u0435\u043c, \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u0435\u043d\u0435\u043c, \u0438 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u043b\u0443\u0447\u0448\u0435 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u043f\u0443\u0442\u0435\u0439.<\/p>\n<h2>\u0410\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u044f \u043a\u043e\u0434\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 ES6-\u043c\u043e\u0434\u0443\u043b\u044f<\/h2>\n<p>ES6-\u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0441\u0432\u043e\u0435\u043c\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u043c\u0443 \u0447\u0435\u0440\u0435\u0437 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e <code>export<\/code>. \u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e <code>Ns_App_Plugin<\/code> c \u043c\u0430\u043f\u043f\u0438\u043d\u0433\u043e\u043c \u043d\u0430 \u043f\u0443\u0442\u044c <code>.\/node_modules\/@vendor\/app_plugin\/src<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d ES6-\u043c\u043e\u0434\u0443\u043b\u044c <code>.\/Shared\/Util.mjs<\/code> \u0441 \u0442\u0430\u043a\u0438\u043c \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u043e\u043c:<\/p>\n<pre><code class=\"javascript\">export function fn() {}; export class Clazz {}; export default {fn, Clazz};<\/code><\/pre>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f namespace \u0441 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0439 \u043e\u0442 \u043f\u0443\u0442\u0438 \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0435\u0439, \u043c\u043e\u0436\u043d\u043e \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c \u043c\u043e\u0434\u0443\u043b\u044c \u043a\u0430\u043a:<\/p>\n<pre><code>Ns_App_Plugin_Shared_Util<\/code><\/pre>\n<p>\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0441\u0438\u043c\u0432\u043e\u043b &#171;#&#187; (\u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u043c \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u043c \u0432 URL), \u043c\u043e\u0436\u043d\u043e \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u043c\u043e\u0434\u0443\u043b\u044f:<\/p>\n<pre><code>Ns_App_Plugin_Shared_Util#fn Ns_App_Plugin_Shared_Util#Clazz Ns_App_Plugin_Shared_Util#default<\/code><\/pre>\n<p>\u0421\u0438\u043c\u0432\u043e\u043b &#171;#&#187; \u0442\u0430\u043a \u0436\u0435, \u043a\u0430\u043a \u0438 \u0441\u0438\u043c\u0432\u043e\u043b &#171;\/&#187;, \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430\u0445 JS-\u043a\u043e\u0434\u0430 \u0431\u0435\u0437 \u044d\u043a\u0440\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u0412\u043c\u0435\u0441\u0442\u043e \u043d\u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u043c\u0432\u043e\u043b &#171;$&#187;, \u043d\u043e \u044f \u0435\u0433\u043e \u043f\u0440\u0438\u0431\u0435\u0440\u0451\u0433 \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u043e\u0433\u043e (\u043e\u0431 \u044d\u0442\u043e\u043c \u0447\u0443\u0442\u044c \u043d\u0438\u0436\u0435).<\/p>\n<h2>Default export<\/h2>\n<p>\u0412 Java \u043a\u0430\u0436\u0434\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u043c java-\u0444\u0430\u0439\u043b\u0435. \u0412 PHP \u043c\u043e\u0436\u043d\u043e \u0432 \u043e\u0434\u043d\u043e\u043c php-\u0444\u0430\u0439\u043b\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043d\u043e, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043f\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430: \u043e\u0434\u0438\u043d \u043a\u043b\u0430\u0441\u0441 &#8212; \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b.<\/p>\n<p>\u0412 ES6-\u043c\u043e\u0434\u0443\u043b\u0435 \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430 (\u043a\u043b\u0430\u0441\u0441, \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043e\u0431\u044a\u0435\u043a\u0442) \u043d\u0430 \u0444\u0430\u0439\u043b \u0438 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e:<\/p>\n<pre><code class=\"javascript\">export default function Ns_App_Plugin_Shared_Util() {}<\/code><\/pre>\n<p>\u0415\u0441\u043b\u0438 \u043f\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u0430 &#8212; &#171;\u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b &#8212; \u043e\u0434\u0438\u043d \u044d\u043a\u0441\u043f\u043e\u0440\u0442&#187;, \u0442\u043e \u0443 \u043d\u0430\u0441 \u043f\u0440\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u0430 &#171;#&#187;. \u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u0430\u0434\u0440\u0435\u0441 <code>Ns_App_Plugin_Shared_Util<\/code> \u043c\u043e\u0436\u0435\u0442 \u043e\u0437\u043d\u0430\u0447\u0430\u0442\u044c \u043a\u0430\u043a ES6-\u043c\u043e\u0434\u0443\u043b\u044c, \u0442\u0430\u043a \u0438 default \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0438\u0437 \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f.<\/p>\n<h2>\u041f\u043e\u0440\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432<\/h2>\n<p>\u0412 \u0441\u0432\u043e\u0451\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043c\u044b, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043e\u043f\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u043a\u043e\u0434\u0430 \u043d\u0435 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u0430 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u044d\u0442\u0438\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u0422.\u0435., \u043d\u0430\u043c \u0432 \u043a\u043e\u0434\u0435 \u043d\u0443\u0436\u043d\u044b \u043d\u0435 \u0441\u0430\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u0438, \u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u043a\u043b\u0430\u0441\u0441\u044b, \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438. \u0418\u043d\u043e\u0433\u0434\u0430 \u043d\u0430\u043c \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u043d\u0443\u0436\u0435\u043d \u043e\u0434\u0438\u043d \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 \u043a\u0430\u043a\u043e\u0433\u043e-\u0442\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 (\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f), \u0430 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438\u043b\u0438 \u043a\u043b\u0430\u0441\u0441\u0430. \u041f\u0435\u0440\u0432\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u043e\u0447\u043a\u043e\u0439, \u0430 \u0432\u0442\u043e\u0440\u043e\u0439 &#8212; \u0444\u0430\u0431\u0440\u0438\u043a\u0430 (<a href=\"https:\/\/stackoverflow.com\/questions\/2094211\/difference-between-singleton-and-factory-pattern\" rel=\"noopener noreferrer nofollow\">\u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0435<\/a>).<\/p>\n<p>\u0414\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0443 \u043d\u0430\u0441 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438 \u0435\u0441\u0442\u044c \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0434\u0432\u0443\u0445 \u0442\u0438\u043f\u043e\u0432. \u041f\u0443\u0441\u0442\u044c \u043e\u0434\u0438\u043d\u043e\u0447\u043a\u0438 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u0443 \u043d\u0430\u0441 \u0430\u0434\u0440\u0435\u0441\u0443\u044e\u0442\u0441\u044f \u0441\u0442\u0440\u043e\u043a\u043e\u0439, \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0435\u0439\u0441\u044f \u0441 \u043f\u0440\u043e\u043f\u0438\u0441\u043d\u043e\u0439 \u0431\u0443\u043a\u0432\u044b (<code>dbConfig<\/code>), \u0430 \u0444\u0430\u0431\u0440\u0438\u043a\u0438 &#8212; \u0442\u0430\u043a\u043e\u0439 \u0436\u0435 \u0441\u0442\u0440\u043e\u043a\u043e\u0439, \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u0434\u0432\u0443\u043c\u044f \u0437\u043d\u0430\u043a\u0430\u043c\u0438 \u0434\u043e\u043b\u043b\u0430\u0440\u0430 \u043d\u0430 \u043a\u043e\u043d\u0446\u0435 &#8212; <code>dbTransaction$$<\/code>. \u0422\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043a \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0443 \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0442\u0430\u043a:<\/p>\n<pre><code class=\"javascript\">const cfg1 = container.get('dbConfig'); const cfg2 = container.get('dbConfig'); const trn1 = container.get('dbTransaction$$'); const trn2 = container.get('dbTransaction$$');  cfg === cfg2;   \/\/ true trn1 === trn2;   \/\/ false<\/code><\/pre>\n<p>\u0414\u043f\u0443\u0441\u0442\u0438\u043c, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0438\u043c\u0435\u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442\u0441\u044f \u0441 \u0437\u0430\u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0431\u0443\u043a\u0432\u044b (\u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0435 \u043e\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u043c\u043e\u0434\u0443\u043b\u044f). \u0422\u043e\u0433\u0434\u0430 \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u0431\u044b \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u044b, \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c:<\/p>\n<pre><code class=\"javascript\">const singleton = container.get('dbConfig'); const newInstance = container.get('dbTransaction$$'); const module = container.get('Ns_App_Plugin_Shared_Util'); const defExport = container.get('Ns_App_Plugin_Shared_Util#'); const defExportSingleton = container.get('Ns_App_Plugin_Shared_Util$'); const defExportNewInstance = container.get('Ns_App_Plugin_Shared_Util$$');<\/code><\/pre>\n<h2>Dependency Injection<\/h2>\n<p>\u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043c\u0451\u043d \u0441 \u043d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0439 \u043e\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0430\u0434\u0440\u0435\u0441\u0430\u0446\u0438\u0435\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u0432\u044f\u0437\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043a\u043e\u0434\u0430 \u043e\u0442 \u0435\u0433\u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043e\u0442 \u0438\u043c\u043f\u043e\u0440\u0442\u0430 \u0444\u0430\u0439\u043b\u043e\u0432 \u043a \u0434\u0435\u043a\u043b\u0430\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439.<\/p>\n<p>\u0427\u0443\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0433\u043e\u0434\u0430 \u043d\u0430\u0437\u0430\u0434 \u044f \u0443\u0436\u0435 \u0434\u0435\u043b\u0430\u043b \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e DI-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0438 \u0434\u0430\u0436\u0435 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043b \u0435\u0433\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 <a href=\"https:\/\/habr.com\/ru\/post\/464347\/\" rel=\"noopener noreferrer nofollow\">\u043d\u0430 \u0425\u0430\u0431\u0440\u0435<\/a>. \u041d\u043e \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f ES6-\u043c\u043e\u0434\u0443\u043b\u044f \u043a\u0430\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 JS-\u043a\u043e\u0434\u0430. \u0422\u0430\u043a\u043e\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u0448\u043b\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u0441\u0442\u0430\u0442\u044c\u0438 &#171;<a href=\"https:\/\/habr.com\/ru\/post\/524526\/\" rel=\"noopener noreferrer nofollow\">Javascript: \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438 \u0435\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u043e\u0442\u043b\u0430\u0434\u043a\u0435<\/a>&#187; (\u044d\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0438 \u0435\u0441\u0442\u044c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 <a href=\"https:\/\/habr.com\/ru\/post\/524526\/#comment_22240564\" rel=\"noopener noreferrer nofollow\">\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432\u0430\u043b\u0441\u044f<\/a> \u043a\u043e\u043b\u043b\u0435\u0433\u0430 <a class=\"mention\" href=\"\/users\/zenitchik\">@Zenitchik<\/a>). \u041f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043c\u043e\u0435\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u043b\u0430 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u0438\u043d\u043e\u0447\u043d\u044b\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0444\u0430\u0431\u0440\u0438\u043a (\u0432\u043d\u043e\u0432\u044c \u043f\u043e\u0440\u043e\u0436\u0434\u0451\u043d\u043d\u044b\u0435 \u043e\u0431\u044a\u0435\u043a\u0442\u044b). \u0412 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c:<\/p>\n<ul>\n<li>\n<p>singleton, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0432\u0440\u0443\u0447\u043d\u0443\u044e: <code>dbConfig<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0438, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0439 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0432\u0440\u0443\u0447\u043d\u0443\u044e: <code>dbTransaction$$<\/code>;<\/p>\n<\/li>\n<li>\n<p>ES6-\u043c\u043e\u0434\u0443\u043b\u044c: <code>Ns_App_Module<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u044d\u043a\u0441\u043f\u043e\u0440\u0442: <code>Ns_App_Module#name<\/code> (\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439) \u0438 <code>Ns_App_Module#<\/code> (default); <\/p>\n<\/li>\n<li>\n<p>singleton, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u0438\u0437 default-\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module$<\/code>;<\/p>\n<\/li>\n<li>\n<p>singleton, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u0438\u0437 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module#name$<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0438, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0439 \u0438\u0437 default-\u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module$$<\/code>;<\/p>\n<\/li>\n<li>\n<p>\u043d\u043e\u0432\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u0444\u0430\u0431\u0440\u0438\u043a\u0438, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0439 \u0438\u0437 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f: <code>Ns_App_Module#name$$<\/code>;<\/p>\n<\/li>\n<\/ul>\n<p>\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u043c \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u043c\u043e\u0433\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0438\u0445 JS-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 namespace&#8217;\u044b, \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435<\/p>\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-313322","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/313322","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=313322"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/313322\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=313322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=313322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=313322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}