{"id":29775,"date":"2022-10-23T17:00:22","date_gmt":"2022-10-23T13:30:22","guid":{"rendered":"https:\/\/parspack.com\/blog\/?p=29775"},"modified":"2025-02-02T21:57:09","modified_gmt":"2025-02-02T18:27:09","slug":"use-modules-in-typescript","status":"publish","type":"post","link":"https:\/\/parspack.com\/blog\/programming\/frontend-tutorial\/use-modules-in-typescript","title":{"rendered":"\u0622\u0645\u0648\u0632\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631 TypeScript"},"content":{"rendered":"<p style=\"text-align: justify;\">\u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0631\u0627\u0647\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0648 \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0633\u0627\u0644\u200c\u0647\u0627\u06cc \u0627\u062e\u06cc\u0631\u060c \u0686\u0646\u062f\u06cc\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u0645\u0627\u0698\u0648\u0644\u0627\u0631\u0633\u0627\u0632\u06cc \u06a9\u062f\u0647\u0627\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647\u200c\u0648\u062c\u0648\u062f \u0622\u0645\u062f\u0647 \u0627\u0633\u062a. \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u200c\u0647\u0627 \u062a\u0627\u06cc\u067e\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (TypeScript) \u0646\u0627\u0645 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0628\u0647\u200c\u06a9\u0645\u06a9 ECMAScript \u0628\u0647\u200c\u0648\u062c\u0648\u062f \u0622\u0645\u062f\u0647 \u0627\u0633\u062a \u062a\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644\u0627\u0631 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062a\u0627\u06cc\u067e\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u0633\u06cc\u0646\u062a\u06a9\u0633\u06cc (Syntax) \u0647\u0645\u0627\u0646\u0646\u062f ES Module \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u062f\u0647\u0627\u06cc\u0634\u0627\u0646 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0648 \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0645\u0627\u0646\u0646\u062f Node.js (CommonJS), require.js (AMD), UMD, SystemJS, or ECMAScript 2015 native modules (ES6 \u0622\u0645\u0627\u062f\u0647 \u0633\u0627\u0632\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0622\u0645\u0648\u0632\u0634\u06cc \u0627\u0632 <a href=\"https:\/\/parspack.com\/blog\/programming\/frontend-tutorial\">\u0622\u0645\u0648\u0632\u0634 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc \u0641\u0631\u0627\u0646\u062a \u0627\u0646\u062f<\/a> \u0628\u0644\u0627\u06af \u067e\u0627\u0631\u0633 \u067e\u06a9\u060c \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u062f\u0631 TypeScript \u0627\u06cc\u062c\u0627\u062f \u0648 \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0634\u0645\u0627 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0648 \u0634\u06cc\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u0622\u0646\u200c\u0647\u0627 \u0628\u0627 \u0634\u06cc\u0621\u200c\u06af\u0631\u0627\u06cc\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u0646\u06cc\u0632 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Import \u0648 Export \u062f\u0631 TypeScript \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632\u0647\u0627<\/b><\/span><\/h2>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0622\u0645\u0648\u0632\u0634\u060c \u0628\u0627\u06cc\u062f \u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u06a9\u0646\u06cc\u062f:<\/p>\n<ul style=\"text-align: justify;\">\n<li aria-level=\"1\">\u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u06a9\u062f\u0647\u0627\u06cc TypeScript \u0628\u0627\u06cc\u062f Node \u0648 npm \u06cc\u0627 yarn \u0631\u0627 \u0646\u0635\u0628 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634\u060c \u0627\u0632 Node.js \u0646\u0633\u062e\u0647 14.3.0 \u0648 npm \u0646\u0633\u062e\u0647 6.14.5 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645.<\/li>\n<li aria-level=\"1\">\u062f\u0627\u0646\u0634 \u06a9\u0627\u0641\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 JavaScript \u0648 ES6+ \u0648 Imports\/Exports<\/li>\n<li aria-level=\"1\">\u0628\u0647\u062a\u0631 \u0627\u0633\u062a \u0627\u0632 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 TypeScript \u0631\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06a9\u0646\u062f (\u0645\u0627\u0646\u0646\u062f Visual Studio Code) \u062a\u0627 \u062e\u0637\u0627\u0647\u0627\u06cc \u06a9\u062f \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u062f. \u0627\u06cc\u0646 \u067e\u06cc\u0634\u200c\u0646\u06cc\u0627\u0632 \u0636\u0631\u0648\u0631\u06cc \u0646\u06cc\u0633\u062a\u061b \u0627\u0645\u0627 \u0646\u0635\u0628 \u0622\u0646 \u0628\u0647 \u062f\u0631\u06a9 \u0628\u0647\u062a\u0631 \u06a9\u062f \u0648 \u06a9\u062f\u200c\u0646\u0648\u06cc\u0633\u06cc \u0628\u0647\u062a\u0631 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><b>\u0646\u06a9\u062a\u0647: <\/b>\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634\u060c \u0627\u0632 TypeScript \u0648\u0631\u0698\u0646 4.2.2 \u062f\u0631 \u062a\u0645\u0627\u0645 \u06a9\u062f\u0647\u0627\u06cc \u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645.<\/p>\n<a href=\"https:\/\/parspack.com\/vps\" target=\"_blank\" rel=\"noopener\"><figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" data-loaded=\"true\" src=\"https:\/\/parspack.com\/blog\/wp-content\/uploads\/2022\/06\/700X90-1.gif\" class=\"aligncenter wp-image-25605 size-full\" alt=\"\u062e\u0631\u06cc\u062f \u0633\u0631\u0648\u0631 \u0645\u062c\u0627\u0632\u06cc\"      width=\"700\" height=\"90\"  ><\/figure><\/a>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u067e\u0631\u0648\u0698\u0647<\/b><\/span><\/h2>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647\u060c \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc \u062a\u0633\u062a\u06cc (Sample) \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0634\u0627\u0645\u0644 \u062f\u0648 \u06a9\u0644\u0627\u0633 \u06a9\u0648\u0686\u06a9 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0639\u0645\u0644\u06cc\u0627\u062a\u200c\u0647\u0627\u06cc \u0628\u0631\u062f\u0627\u0631\u06cc \u0627\u0633\u062a: \u06a9\u0644\u0627\u0633 Vector2 \u0648 Vector3. \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0647\u0631\u06a9\u062f\u0627\u0645 \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u0639\u0645\u0644\u06cc\u0627\u062a \u0627\u0646\u062c\u0627\u0645 \u062e\u0648\u0627\u0647\u0646\u062f \u062f\u0627\u062f. \u062f\u0631\u0627\u062f\u0627\u0645\u0647\u060c \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u0628\u062a\u062f\u0627\u060c \u067e\u0648\u0634\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">mkdir vector_project<\/pre>\n<p style=\"text-align: justify;\">\u067e\u0633 \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u067e\u0648\u0634\u0647\u060c \u0648\u0627\u0631\u062f \u0622\u0646 \u0634\u0648\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">cd vector_project<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06a9\u0646\u0648\u0646 \u062f\u0631 \u067e\u0648\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0647\u0633\u062a\u06cc\u062f. \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 Node.js \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 npm \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm init<\/pre>\n<p style=\"text-align: justify;\">\u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0641\u0627\u06cc\u0644 package.json \u062f\u0631 \u067e\u0648\u0634\u0647 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f. \u067e\u0633\u200c\u0627\u0632\u0622\u0646\u060c TypeScript \u0631\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 Dependency \u0628\u0647 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npm install typescript@4.2.2 --save-dev<\/pre>\n<p style=\"text-align: justify;\">\u0628\u0627 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0631\u0648\u06cc \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0646\u0635\u0628 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0648\u06cc\u0631\u0627\u06cc\u0634 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript\u060c \u0628\u0627\u06cc\u062f \u0641\u0627\u06cc\u0644 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0641\u0627\u06cc\u0644\u06cc \u0628\u0647 \u0646\u0627\u0645 tsconfig.json \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u062a\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0628\u0627 \u062a\u0645\u0631\u06cc\u0646\u0627\u062a \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0647\u0645\u200c\u062e\u0648\u0627\u0646\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0632\u06cc\u0631 \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">{\r\n  \"compilerOptions\": {\r\n    \"target\": \"ES6\",\r\n    \"module\": \"CommonJS\",\r\n    \"outDir\": \".\/out\",\r\n    \"rootDir\": \".\/src\",\r\n    \"strict\": true\r\n  }\r\n}<\/pre>\n<p style=\"text-align: justify;\">\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u062f\u060c \u0686\u0646\u062f\u06cc\u0646 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc TypeScript \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f:<\/p>\n<ul style=\"text-align: justify;\">\n<li aria-level=\"1\"><strong>&#8220;target&#8221;:&#8221;ES6&#8243;:\u00a0<\/strong> \u0645\u062d\u06cc\u0637\u06cc \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0628\u0647 \u0622\u0646 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f.<\/li>\n<li aria-level=\"1\"><strong>&#8220;module&#8221;:&#8221;CommonJS&#8221;\u200c:<\/strong> \u062a\u0639\u06cc\u06cc\u0646\u200c\u06a9\u0646\u0646\u062f\u0647 \u0646\u0627\u0645 \u0645\u0627\u0698\u0648\u0644 \u0634\u0645\u0627\u0633\u062a.<\/li>\n<li aria-level=\"1\"><strong>&#8220;outDir&#8221;:&#8221;.\/out&#8221; \u0648 &#8220;rootDir&#8221;:&#8221;.\/src&#8221;\u200c:<\/strong> \u0645\u0634\u062e\u0635\u200c\u06a9\u0646\u0646\u062f\u0647 \u067e\u0648\u0634\u0647\u200c\u0647\u0627\u06cc \u0648\u0631\u0648\u062f\u06cc\u200c\u0648\u200c\u062e\u0631\u0648\u062c\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0627\u0633\u062a.<\/li>\n<li aria-level=\"1\"><strong>&#8220;strict&#8221;: true\u200c:<\/strong> \u0642\u0627\u0628\u0644\u06cc\u062a strict \u0628\u0631\u0627\u06cc \u0633\u062e\u062a\u200c\u06af\u06cc\u0631\u06cc \u062f\u0631 \u06a9\u062f\u0647\u0627 \u0641\u0639\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><b>\u0646\u06a9\u062a\u0647: <\/b>\u0628\u0627 \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u067e\u0631\u0648\u0698\u0647\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0648\u0644\u06cc\u0646 \u0645\u0627\u0698\u0648\u0644 \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" data-loaded=\"true\" src=\"https:\/\/parspack.com\/blog\/wp-content\/uploads\/2022\/10\/how-to-use-modules-in-typescript2.jpg\" class=\"wp-image-29779 size-full\" alt=\"\u0622\u0645\u0648\u0632\u0634 typescript\" title=\"\u0627\u06cc\u062c\u0627\u062f \u0645\u0627\u0698\u0648\u0644 \u062f\u0631 \u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\"       width=\"750\" height=\"500\" srcset=\"https:\/\/parspack.com\/blog\/wp-content\/uploads\/2022\/10\/how-to-use-modules-in-typescript2.jpg 750w, https:\/\/parspack.com\/blog\/wp-content\/uploads\/2022\/10\/how-to-use-modules-in-typescript2-300x200.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"text-subtitle-5 text-gray-9 text-center mt-2\" >\u0646\u062d\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f Module \u062f\u0631 \u062a\u0627\u06cc\u067e\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0686\u0637\u0648\u0631 \u0627\u0633\u062a\u061f<\/figcaption><\/figure>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u0627\u06cc\u062c\u0627\u062f \u0645\u0627\u0698\u0648\u0644 \u062f\u0631 TypeScript \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Export<\/b><\/span><\/h2>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0628\u0627 \u067e\u06cc\u0631\u0648\u06cc \u0627\u0632 \u0633\u06cc\u0646\u062a\u06a9\u0633 TypeScript\u060c \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0647\u200c\u0637\u0648\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062f\u0633\u062a\u0631\u0633\u06cc \u062c\u0647\u0627\u0646\u06cc (Global) \u062f\u0627\u0631\u0646\u062f. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc \u0647\u0631 \u0645\u062a\u063a\u06cc\u0631\u060c \u06a9\u0644\u0627\u0633\u060c \u062a\u0627\u0628\u0639 \u06cc\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u0641\u0627\u06cc\u0644\u06cc \u0630\u062e\u06cc\u0631\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062c\u0647\u0627\u0646\u06cc \u062f\u0631\u200c\u062f\u0633\u062a\u0631\u0633 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f \u0648 \u062f\u0631 \u0647\u0645\u0647 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f. \u0628\u0647\u200c\u0645\u062d\u0636 \u0627\u06cc\u0646\u06a9\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644\u06cc \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0622\u0646 \u0641\u0627\u06cc\u0644 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647 \u0645\u0627\u0698\u0648\u0644 \u0628\u0631\u062e\u0648\u0631\u062f\u0627\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u062f\u06cc\u06af\u0631 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0633\u0631\u0627\u0633\u0631\u06cc \u062f\u0631\u200c\u062f\u0633\u062a\u0631\u0633 \u0646\u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0627\u062b\u0628\u0627\u062a \u0627\u06cc\u0646 \u0639\u0645\u0644\u060c \u0627\u0648\u0644\u06cc\u0646 \u06a9\u0644\u0627\u0633 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0646\u0627\u0645 Vector2 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0627\u0628\u062a\u062f\u0627 \u067e\u0648\u0634\u0647 src \u0631\u0627 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u062a\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">mkdir src<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06cc\u0646 \u067e\u0648\u0634\u0647\u060c \u067e\u0648\u0634\u0647\u200c\u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0641\u0627\u06cc\u0644 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc (tsconfig.json) \u062e\u0648\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f. \u062f\u0627\u062e\u0644 \u0627\u06cc\u0646 \u067e\u0648\u0634\u0647 \u0641\u0627\u06cc\u0644 \u062c\u062f\u06cc\u062f\u06cc \u0628\u0647 \u0646\u0627\u0645 vector2.ts \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0633\u067e\u0633 \u06a9\u0644\u0627\u0633 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0622\u0646 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">class Vector2 {\r\n  constructor(public x: number, public y: number) {}\r\n\r\n  add(otherVector2: Vector2) {\r\n    return new Vector2(this.x + otherVector2.x, this.y + otherVector2.y);\r\n  }\r\n}<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u06a9\u062f\u060c \u06a9\u0644\u0627\u0633\u06cc \u0628\u0647 \u0646\u0627\u0645 Vector2 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u06cc\u0645 \u06a9\u0647 \u062f\u0648 \u0639\u062f\u062f \u0631\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0648\u0631\u0648\u062f\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0648 \u0628\u0631\u0627\u06cc \u0645\u0634\u062e\u0635\u200c\u06a9\u0631\u062f\u0646 x \u0648 y \u0628\u0631\u062f\u0627\u0631 \u0628\u0647\u200c\u06a9\u0627\u0631 \u0645\u06cc\u200c\u0628\u0631\u062f. \u0627\u0632\u200c\u0622\u0646\u200c\u062c\u0627\u200c\u06a9\u0647 \u0641\u0627\u06cc\u0644\u062a\u0627\u0646 \u062f\u0631\u200c\u062d\u0627\u0644\u200c\u062d\u0627\u0636\u0631 \u0645\u0627\u0698\u0648\u0644\u200c \u0646\u06cc\u0633\u062a\u060c \u0641\u0627\u06cc\u0644 Vector2 \u0634\u0645\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062c\u0647\u0627\u0646\u06cc \u062f\u0631\u200c\u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0641\u0627\u06cc\u0644 \u062e\u0648\u062f \u0628\u0647 \u0645\u0627\u0698\u0648\u0644\u060c \u0641\u0642\u0637 \u0628\u0627\u06cc\u062f \u06a9\u0644\u0627\u0633 Vector2 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 Export \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export class Vector2 {\r\n  constructor(public x: number, public y: number) {}\r\n\r\n  add(otherVector2: Vector2) {\r\n    return new Vector2(this.x + otherVector2.x, this.y + otherVector2.y);\r\n  }\r\n}<\/pre>\n<p style=\"text-align: justify;\">\u0641\u0627\u06cc\u0644 src\/vector2.ts \u0627\u06a9\u0646\u0648\u0646 \u0645\u0627\u0698\u0648\u0644\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062a\u0646\u0647\u0627 \u06a9\u0644\u0627\u0633 Vector2 \u0631\u0627 \u0635\u0627\u062f\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0641\u0627\u06cc\u0644 \u062e\u0648\u062f \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0628\u0646\u062f\u06cc\u062f. \u062f\u0631\u0627\u062f\u0627\u0645\u0647\u060c \u06a9\u0644\u0627\u0633 Vector3 \u062e\u0648\u062f \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0627\u0631\u060c \u0641\u0627\u06cc\u0644 vector3.ts \u0631\u0627 \u062f\u0631 \u067e\u0648\u0634\u0647 src\/ \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631\u0648\u0646 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export class Vector3 {\r\n  constructor(public x: number, public y: number, public z: number) {}\r\n\r\n  add(otherVector3: Vector3) {\r\n    return new Vector3(\r\n      this.x + otherVector3.x,\r\n      this.y + otherVector3.y,\r\n      this.z + otherVector3.z\r\n    );\r\n  }\r\n}<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06cc\u0646 \u06a9\u062f \u06a9\u0644\u0627\u0633\u06cc \u0634\u0628\u06cc\u0647 \u0628\u0647 Vector2 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0628\u0627 \u0627\u06cc\u0646 \u062a\u0641\u0627\u0648\u062a \u06a9\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0648\u0631\u0648\u062f\u06cc \u0633\u0648\u0645 \u06cc\u0639\u0646\u06cc z\u060c \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0642\u062a \u06a9\u0646\u06cc\u062f \u06a9\u0644\u0645\u0647 Export \u0631\u0627 \u0642\u0628\u0644 \u0627\u0632 \u06a9\u0644\u0627\u0633 \u0622\u0646 \u0628\u0647\u200c\u06a9\u0627\u0631 \u0628\u0631\u062f\u06cc\u0645 \u0648 \u0627\u06cc\u0646 \u0628\u0647\u200c\u0645\u0639\u0646\u0627\u06cc \u0645\u0627\u0698\u0648\u0644\u0627\u0631\u200c\u0628\u0648\u062f\u0646 \u0627\u06cc\u0646 \u06a9\u0644\u0627\u0633 \u0627\u0633\u062a.<\/p>\n<p style=\"text-align: justify;\">\u062d\u0627\u0644\u0627 \u062f\u0648 \u0641\u0627\u06cc\u0644 vector2.ts \u0648 vector3.ts \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0647\u0631 \u062f\u0648 \u0645\u0627\u0698\u0648\u0644 \u0647\u0633\u062a\u0646\u062f. \u0647\u0631 \u0641\u0627\u06cc\u0644 \u06cc\u06a9 \u06a9\u0644\u0627\u0633 Export \u0628\u0631\u062f\u0627\u0631\u0633\u0627\u0632 \u062f\u0627\u0631\u062f. \u062f\u0631 \u0628\u062e\u0634 \u0628\u0639\u062f\u06cc\u060c \u0627\u06cc\u0646 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u062f\u0633\u062a\u0648\u0631 Import \u0648\u0627\u0631\u062f \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0648 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f.<\/p>\n<div class=\"cta-section\">\n<p class=\"cta-description\">\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0633\u0627\u062e\u062a \u0648 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0627\u06cc\u0646\u062a\u0631\u0641\u06cc\u0633 \u062f\u0631 Typescript \u0631\u0627 \u062f\u0631 \u0645\u0642\u0627\u0644\u0647 \u0632\u06cc\u0631 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f.<\/p>\n<p><a class=\"cta-button \" href=\"https:\/\/parspack.com\/blog\/cms\/how-use-interfaces-in-typescript\" target=\"_blank\" rel=\"noopener\">\u0633\u0627\u062e\u062a \u0627\u06cc\u0646\u062a\u0631\u0641\u06cc\u0633 \u062f\u0631 Typescript<\/a><\/p>\n<\/div>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631 TypeScript \u0628\u0627 Import<\/b><\/span><\/h2>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0628\u062e\u0634 \u0642\u0628\u0644\u060c \u062a\u0648\u0627\u0646\u0633\u062a\u06cc\u062f \u0645\u0627\u0698\u0648\u0644 TypeScript \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634\u060c \u0628\u0627\u06cc\u062f \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u0633\u0627\u062e\u062a\u0647\u200c\u0634\u062f\u0647 \u062f\u0631 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\">\u06cc\u06a9\u06cc \u0627\u0632 \u0633\u0646\u0627\u0631\u06cc\u0648\u200c\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u0647\u0646\u06af\u0627\u0645 \u06a9\u0627\u0631 \u0628\u0627 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631 TypeScript \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0641\u0627\u06cc\u0644 \u0648\u0627\u062d\u062f\u06cc \u0628\u0631\u0627\u06cc \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u0645 \u0648 \u0622\u0646 \u0641\u0627\u06cc\u0644 \u0648\u0627\u062d\u062f \u0631\u0627 \u0645\u062c\u062f\u062f\u0627\u064b Export \u06a9\u0646\u06cc\u0645. \u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u060c \u0641\u0627\u06cc\u0644 \u062c\u062f\u06cc\u062f\u06cc \u0628\u0647 \u0646\u0627\u0645 vectors.ts \u062f\u0631 \u062f\u0627\u06cc\u0631\u06a9\u062a\u0648\u0631\u06cc src\/ \u0627\u06cc\u062c\u0627\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0627\u0632 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import { Vector2 } from \".\/vector2\";\r\nimport { Vector3 } from \".\/vector3\";<\/pre>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc \u0648\u0627\u0631\u062f\u06a9\u0631\u062f\u0646 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u060c \u0627\u0632 \u062f\u0633\u062a\u0648\u0631 Import \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0622\u062f\u0631\u0633 \u0641\u0627\u06cc\u0644 \u0645\u0627\u0698\u0648\u0644 \u0631\u0627 \u0627\u0632 \u0645\u0633\u06cc\u0631 \u0641\u0627\u06cc\u0644 \u0641\u0639\u0644\u06cc \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u062f\u0631 \u0627\u06cc\u0646\u200c\u062c\u0627\u060c \u0647\u0631 \u062f\u0648 \u0645\u0627\u0698\u0648\u0644 \u0631\u0627 \u0627\u0632 \/vector2. \u0648 \/vector3. \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0622\u0646\u200c\u0647\u0627 \u0627\u0632 \u0641\u0627\u06cc\u0644 \u0641\u0639\u0644\u06cc \u0628\u0647 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc src\/vector2.ts \u0648 src\/vector3.ts \u0627\u0634\u0627\u0631\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062d\u0627\u0644 \u06a9\u0647 \u0645\u0627\u0698\u0648\u0644 \u0628\u0631\u062f\u0627\u0631\u0647\u0627 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0631\u062f\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u0627\u0698\u0648\u0644 Export \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import { Vector2 } from \".\/vector2\";\r\nimport { Vector3 } from \".\/vector3\";\r\n\r\nexport { Vector2, Vector3 };<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0633\u062a\u0648\u0631 {} export \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0686\u0646\u062f\u06cc\u0646 \u0634\u0646\u0627\u0633\u0647 \u0631\u0627 \u0635\u0627\u062f\u0631 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a\u060c \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc Vector2 \u0648 Vector3 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Export \u0635\u0627\u062f\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0627\u0632 \u062f\u0648 \u0639\u0628\u0627\u0631\u062a Export \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u061b \u0645\u0627\u0646\u0646\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import { Vector2 } from \".\/vector2\";\r\nimport { Vector3 } from \".\/vector3\";\r\n\r\nexport { Vector2 };\r\nexport { Vector3 };<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06cc\u0646 \u06a9\u062f \u0646\u06cc\u0632 \u0647\u0645\u0627\u0646\u0646\u062f \u06a9\u062f \u0642\u0628\u0644 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u0632\u200c\u0622\u0646\u200c\u062c\u0627\u200c\u06a9\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0641\u0642\u0637 \u062f\u0648 \u0645\u0627\u0698\u0648\u0644 \u0648\u0627\u0631\u062f \u0648 \u0628\u062f\u0648\u0646 \u0647\u06cc\u0686 \u062a\u063a\u06cc\u06cc\u0631\u06cc \u0635\u0627\u062f\u0631 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u060c \u0627\u0632 \u0634\u06a9\u0644 \u06a9\u0648\u062a\u0627\u0647\u200c\u062a\u0631 \u0627\u06cc\u0646 \u06a9\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f\u00a0 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export { Vector2 } from \".\/vector2\";\r\nexport { Vector3 } from \".\/vector3\";<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646\u200c\u062c\u0627\u060c \u0639\u0628\u0627\u0631\u062a Import \u0636\u0645\u0646\u06cc \u0627\u0633\u062a \u0648 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u0622\u0646 \u0631\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u0622\u0646\u200c \u0631\u0627 Export \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0641\u0627\u06cc\u0644 \u062c\u062f\u06cc\u062f\u06cc \u0628\u0647 \u0646\u0627\u0645 src\/index.ts \u0627\u06cc\u062c\u0627\u062f \u0648 \u0633\u067e\u0633 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import { Vector2, Vector3 } from \".\/vectors\";\r\n\r\nconst vec2a = new Vector2(1, 2);\r\nconst vec2b = new Vector2(2, 1);\r\n\r\nconsole.log(vec2a.add(vec2b));\r\n\r\nconst vec3a = new Vector3(1, 2, 3);\r\nconst vec3b = new Vector3(3, 2, 1);\r\n\r\nconsole.log(vec3a.add(vec3b));<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u06a9\u062f\u060c \u0634\u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0648\u0627\u0631\u062f\u06a9\u0631\u062f\u0646 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631 \u062f\u0648 \u06a9\u0644\u0627\u0633 \u0628\u0631\u062f\u0627\u0631 \u0627\u0632 \u0641\u0627\u06cc\u0644 src\/vectors.ts \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0645\u0633\u06cc\u0631 \/vectors. \u062e\u0648\u0627\u0646\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0633\u067e\u0633\u200c\u060c \u0686\u0646\u062f \u0646\u0645\u0648\u0646\u0647 \u0628\u0631\u062f\u0627\u0631 \u0627\u06cc\u062c\u0627\u062f \u0648 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u062a\u0627\u0628\u0639 ()add \u0628\u0627 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u062c\u0645\u0639 \u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0647\u0646\u06af\u0627\u0645 \u0648\u0627\u0631\u062f\u06a9\u0631\u062f\u0646 \u0646\u0627\u0645\u200c\u0647\u0627\u06cc Export\u0634\u062f\u0647\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631 \u062f\u06cc\u06af\u0631\u06cc \u0646\u06cc\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0648\u062c\u0648\u062f \u0646\u0627\u0645\u200c\u0647\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc \u062f\u0631 \u0641\u0627\u06cc\u0644 \u0628\u0647\u200c\u06a9\u0627\u0631 \u0628\u0631\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0631\u0627\u06cc \u0627\u0645\u062a\u062d\u0627\u0646\u200c\u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639\u060c \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644 \u062e\u0648\u062f \u0627\u0639\u0645\u0627\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import { Vector2 as Vec2, Vector3 as Vec3 } from \".\/vectors\";\r\n\r\nconst vec2a = new Vec2(1, 2);\r\nconst vec2b = new Vec2(2, 1);\r\n\r\nconsole.log(vec2a.add(vec2b));\r\n\r\nconst vec3a = new Vec3(1, 2, 3);\r\nconst vec3b = new Vec3(3, 2, 1);\r\n\r\nconsole.log(vec3a.add(vec3b));<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646\u200c\u062c\u0627\u060c \u0627\u0632 \u06a9\u0644\u0645\u0647 as \u0628\u0647\u200c\u0645\u0646\u0638\u0648\u0631 \u0645\u0634\u062e\u0635\u200c\u06a9\u0631\u062f\u0646 \u0646\u0627\u0645 \u0645\u0633\u062a\u0639\u0627\u0631 Vec2 \u0648 Vec3 \u0628\u0631\u0627\u06cc \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc \u0648\u0627\u0631\u062f\u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u06cc\u0645. \u0627\u0632\u0622\u0646\u200c\u062c\u0627\u06a9\u0647 \u0641\u0627\u06cc\u0644 \/vectors. \u0641\u0642\u0637 \u062f\u0648 \u06a9\u0644\u0627\u0633 Vector3 \u0648 Vector2 \u0631\u0627 \u0635\u0627\u062f\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0647\u0645\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u0641\u0627\u06cc\u0644 \/vectors. \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import * as vectors from \".\/vectors\";\r\n\r\nconst vec2a = new vectors.Vector2(1, 2);\r\nconst vec2b = new vectors.Vector2(2, 1);\r\n\r\nconsole.log(vec2a.add(vec2b));\r\n\r\nconst vec3a = new vectors.Vector3(1, 2, 3);\r\nconst vec3b = new vectors.Vector3(3, 2, 1);\r\n\r\nconsole.log(vec3a.add(vec3b));<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u06a9\u062f \u0628\u0627\u0644\u0627\u060c \u0627\u0632 import * as \u0628\u0631\u0627\u06cc \u0648\u0627\u0631\u062f\u200c\u06a9\u0631\u062f\u0646 \u0647\u0631\u0622\u0646\u0686\u0647 \u0645\u0627\u0698\u0648\u0644 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u062a\u063a\u06cc\u0631 Export \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0628\u0647\u0631\u0647 \u0628\u0631\u062f\u06cc\u062f. \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0628\u0627\u06cc\u062f \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627\u06cc Vector2 \u0648 Vector3 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f\u061b \u0632\u06cc\u0631\u0627 \u0627\u06a9\u0646\u0648\u0646 \u06a9\u0644\u0627\u0633\u200c\u0647\u0627 \u062f\u0627\u062e\u0644 \u0634\u06cc\u0621 vectors \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646\u062f \u06a9\u0647 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0648\u0627\u0631\u062f\u200c\u06a9\u0631\u062f\u0646 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0641\u0627\u06cc\u0644 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0648 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 tsc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npx tsc<\/pre>\n<p style=\"text-align: justify;\">\u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u067e\u0648\u0634\u0647 out\/ \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u062f (\u0628\u0627\u200c\u062a\u0648\u062c\u0647\u200c\u0628\u0647 \u06af\u0632\u06cc\u0646\u0647 compileOptions.outDir \u06a9\u0647 \u062f\u0631 \u0641\u0627\u06cc\u0644 tsconfig.json \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f). \u0633\u067e\u0633\u060c \u0641\u0627\u06cc\u0644 \u062e\u0631\u0648\u062c\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u062f\u0631\u0648\u0646 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0641\u0627\u06cc\u0644 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u200c\u0634\u062f\u0647 \u0645\u0648\u062c\u0648\u062f \u062f\u0631 out\/index.js \u0631\u0627 \u062f\u0631 \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u06a9\u062f \u062e\u0648\u062f \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nconst vectors = require(\".\/vectors\");\r\nconst vec2a = new vectors.Vector2(1, 2);\r\nconst vec2b = new vectors.Vector2(2, 1);\r\nconsole.log(vec2a.add(vec2b));\r\nconst vec3a = new vectors.Vector3(1, 2, 3);\r\nconst vec3b = new vectors.Vector3(3, 2, 1);\r\nconsole.log(vec3a.add(vec3b));<\/pre>\n<p style=\"text-align: justify;\">\u0627\u0632\u200c\u0622\u0646\u200c\u062c\u0627\u200c\u06a9\u0647 \u06af\u0632\u06cc\u0646\u0647 compilerOptions.module \u062f\u0631 \u0641\u0627\u06cc\u0644 tsconfig.json \u0634\u0645\u0627 \u0631\u0648\u06cc CommonJS \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u06a9\u062f\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644 Node.js \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a. \u062f\u0631 Node.js\u060c \u062a\u0627\u0628\u0639 Require \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u0627\u0698\u0648\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\u060c \u0628\u0647 \u0641\u0627\u06cc\u0644 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u200c\u0634\u062f\u0647 src\/vectors.ts \u06a9\u0647 \u062f\u0631 out\/vectors.js \u0630\u062e\u06cc\u0631\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0646\u06af\u0627\u0647\u06cc \u0628\u06cc\u0646\u062f\u0627\u0632\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nexports.Vector3 = exports.Vector2 = void 0;\r\nvar vector2_1 = require(\".\/vector2\");\r\nObject.defineProperty(exports, \"Vector2\", { enumerable: true, get: function () { return vector2_1.Vector2; } });\r\nvar vector3_1 = require(\".\/vector3\");\r\nObject.defineProperty(exports, \"Vector3\", { enumerable: true, get: function () { return vector3_1.Vector3; } });<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646\u200c\u062c\u0627\u060c \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u06a9\u062f\u06cc \u0633\u0627\u0632\u06af\u0627\u0631 \u0628\u0627 \u0631\u0648\u0634 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631 CommonJS \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0635\u0627\u062f\u0631\u200c\u0634\u062f\u0647 \u0631\u0627 \u0628\u0647 \u0634\u06cc\u0621 Exports \u0627\u062e\u062a\u0635\u0627\u0635 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646\u200c \u0628\u062e\u0634\u060c \u0628\u0627 \u0633\u06cc\u0646\u062a\u06a9\u0633 TypeScript \u0628\u0631\u0627\u06cc \u0648\u0627\u0631\u062f\u200c\u06a9\u0631\u062f\u0646 (Import) \u0648 \u0635\u0627\u062f\u0631\u06a9\u0631\u062f\u0646 (Export) \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0648 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u200c\u0634\u062f\u0646 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f.<\/p>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0631\u0648\u0634 Default Exports<\/b><\/span><\/h2>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a\u060c \u0631\u0648\u0634 \u062f\u06cc\u06af\u0631\u06cc \u0628\u0631\u0627\u06cc \u0635\u0627\u062f\u0631\u200c\u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u06cc \u0628\u0647 \u0646\u0627\u0645 Default Exports \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u06a9\u0647 \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u06a9\u062f \u062e\u0627\u0635 \u0631\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u0627\u0698\u0648\u0644 Exports \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06a9\u062f\u0647\u0627 \u0631\u0627 \u0647\u0646\u06af\u0627\u0645 \u0648\u0627\u0631\u062f\u06a9\u0631\u062f\u0646 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0641\u0627\u06cc\u0644 src\/vector2.ts \u0631\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export class Vector2 {\r\n  constructor(public x: number, public y: number) {}\r\n\r\n  add(otherVector2: Vector2) {\r\n    return new Vector2(this.x + otherVector2.x, this.y + otherVector2.y);\r\n  }\r\n}<\/pre>\n<p style=\"text-align: justify;\">\u0628\u0647 \u0631\u0648\u0634 \u0635\u0627\u062f\u0631\u06a9\u0631\u062f\u0646 \u0645\u0627\u0698\u0648\u0644 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Export \u062f\u0642\u062a \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646\u200c\u062c\u0627\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u0631\u0648\u0634 Default Exports \u0628\u0631\u0627\u06cc \u0635\u0627\u062f\u0631\u200c\u06a9\u0631\u062f\u0646 \u0645\u0627\u0698\u0648\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645. \u062f\u0642\u062a \u06a9\u0646\u06cc\u062f \u0647\u0631 \u0641\u0627\u06cc\u0644 \u0641\u0642\u0637 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 Default Exports \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f.<\/p>\n<p style=\"text-align: justify;\">\u06a9\u062f \u0642\u0628\u0644\u06cc \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0631\u0648\u0634 Default Exports \u0635\u0627\u062f\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export default class Vector2 {\r\n  constructor(public x: number, public y: number) {}\r\n\r\n  add(otherVector2: Vector2) {\r\n    return new Vector2(this.x + otherVector2.x, this.y + otherVector2.y);\r\n  }\r\n}<\/pre>\n<p style=\"text-align: justify;\">\u0641\u0627\u06cc\u0644 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0647\u0645\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644 src\/vector3.ts \u0646\u06cc\u0632 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export default class Vector3 {\r\n  constructor(public x: number, public y: number, public z: number) {}\r\n\r\n  add(otherVector3: Vector3) {\r\n    return new Vector3(\r\n      this.x + otherVector3.x,\r\n      this.y + otherVector3.y,\r\n      this.z + otherVector3.z\r\n    );\r\n  }\r\n}<\/pre>\n<p style=\"text-align: justify;\">\u0628\u0631\u0627\u06cc Import\u06a9\u0631\u062f\u0646 Default Exports\u060c \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0641\u0627\u06cc\u0644 src\/vectors.ts \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import Vector2 from \".\/vector2\";\r\nimport Vector3 from \".\/vector3\";\r\n\r\nexport { Vector2, Vector3 };<\/pre>\n<p style=\"text-align: justify;\">\u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0647\u0631 \u062f\u0648 \u0646\u0648\u0639 Export\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 Import\u06a9\u0631\u062f\u0646 \u0622\u0646\u200c\u0647\u0627\u060c \u0646\u0627\u0645\u06cc \u0645\u0633\u062a\u0639\u0627\u0631 \u0628\u0631\u0627\u06cc\u0634\u0627\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0647\u0631 \u0645\u0627\u0698\u0648\u0644\u06cc \u06a9\u0647 Default Exports \u062f\u0627\u0631\u062f\u060c \u0628\u0647\u200c\u0645\u0646\u0638\u0648\u0631 Export\u06a9\u0631\u062f\u0646\u0634 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06a9\u0644\u0645\u0647 Default \u0628\u0631\u0627\u06cc \u0627\u0634\u0627\u0631\u0647 \u0628\u0647 \u0645\u0642\u062f\u0627\u0631 Default Export \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u0622\u0646 \u0631\u0627 \u0646\u0627\u0645\u200c\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export { default as Vector2 } from \".\/vector2\";\r\nexport { default as Vector3 } from \".\/vector3\";<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06a9\u0646\u0648\u0646 \u0645\u0642\u0627\u062f\u06cc\u0631 Default Exports \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0646\u0627\u0645\u06cc \u062e\u0627\u0635 \u0635\u0627\u062f\u0631 \u06a9\u0631\u062f\u06cc\u062f.<\/p>\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" data-loaded=\"true\" src=\"https:\/\/parspack.com\/blog\/wp-content\/uploads\/2022\/10\/how-to-use-modules-in-typescript1.jpg\" class=\"wp-image-29778 size-full\" alt=\"Module \u062f\u0631 \u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\" title=\"\u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644 \u062f\u0631 \u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\"       width=\"750\" height=\"519\" srcset=\"https:\/\/parspack.com\/blog\/wp-content\/uploads\/2022\/10\/how-to-use-modules-in-typescript1.jpg 750w, https:\/\/parspack.com\/blog\/wp-content\/uploads\/2022\/10\/how-to-use-modules-in-typescript1-300x208.jpg 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"text-subtitle-5 text-gray-9 text-center mt-2\" >\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Module \u062f\u0631 \u062a\u0627\u06cc\u067e \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/figcaption><\/figure>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 &#8221; = export &#8221; \u0648 &#8221; ()import = require &#8221; \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u06af\u0627\u0631\u06cc<\/b><\/span><\/h2>\n<p style=\"text-align: justify;\">\u0628\u0631\u062e\u06cc \u0627\u0632 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06a9\u0646\u0646\u062f\u0647\u200c\u0647\u0627\u06cc (Loaders) \u0645\u0627\u0698\u0648\u0644 \u0645\u0627\u0646\u0646\u062f AMD \u0648 CommonJS \u0634\u06cc\u0626\u06cc \u0628\u0647 \u0646\u0627\u0645 Exports \u062f\u0627\u0631\u0646\u062f \u06a9\u0647 \u062d\u0627\u0648\u06cc \u062a\u0645\u0627\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0635\u0627\u062f\u0631\u200c\u0634\u062f\u0647 \u0645\u0627\u0698\u0648\u0644 \u0627\u0633\u062a. \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631\u200c\u06cc\u06a9 \u0627\u0632 \u0644\u0648\u062f\u0631\u0647\u0627\u06cc \u0645\u0627\u0698\u0648\u0644\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u062f\u0627\u0631 \u0634\u06cc\u0621 Exports\u060c \u0634\u06cc\u0621 \u0635\u0627\u062f\u0631\u200c\u0634\u062f\u0647 \u0631\u0627 \u0628\u0627\u0632\u0646\u0648\u06cc\u0633\u06cc \u06a9\u0631\u062f\u061b \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u0647\u0645\u0627\u0646\u0646\u062f \u0627\u0634\u06cc\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u062f\u0631 \u062e\u0648\u062f TypeScript\u061b \u0628\u0647\u200c\u0647\u0645\u06cc\u0646\u200c\u062f\u0644\u06cc\u0644\u060c \u0627\u06cc\u0646 \u062f\u0648 \u0646\u0627\u0633\u0627\u0632\u06af\u0627\u0631 \u0647\u0633\u062a\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634\u060c \u0628\u0647 \u0646\u062d\u0648\u0647 \u0628\u0631\u062e\u0648\u0631\u062f TypeScript \u0628\u0627 \u0627\u06cc\u0646 \u0646\u0627\u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0646\u06af\u0627\u0647\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0627\u0646\u062f\u0627\u062e\u062a.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 TypeScript\u060c \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644 \u0644\u0648\u062f\u0631\u06cc \u06a9\u0647 \u0627\u0632 \u0628\u0627\u0632\u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc\u0621 Exports \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0642\u062f\u0627\u0631 \u0634\u06cc\u0621 \u0635\u0627\u062f\u0631\u0634\u062f\u0647 \u0631\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0633\u06cc\u0646\u062a\u06a9\u0633 &#8221; = export &#8221; \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f. \u0627\u06af\u0631 \u062f\u0631 \u06af\u0630\u0634\u062a\u0647 \u0627\u0632 Node.js \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0628\u0627 \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0622\u0634\u0646\u0627 \u0647\u0633\u062a\u06cc\u062f.<\/p>\n<p style=\"text-align: justify;\"><b>\u062a\u0648\u062c\u0647:<\/b> \u0642\u0628\u0644 \u0627\u0632 \u0627\u0646\u062c\u0627\u0645 \u0647\u0631\u06cc\u06a9 \u0627\u0632 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0632\u06cc\u0631\u060c \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u06af\u0632\u06cc\u0646\u0647 compilerOptions.module \u062f\u0631 \u0641\u0627\u06cc\u0644 tsconfig.json \u0631\u0648\u06cc CommonJS \u062a\u0646\u0638\u06cc\u0645 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p style=\"text-align: justify;\">\u062a\u0635\u0648\u0631 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u06cc\u0621 \u0635\u0627\u062f\u0631\u200c\u0634\u062f\u0647 \u062f\u0631 \u0647\u0631\u06cc\u06a9 \u0627\u0632 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0628\u0631\u062f\u0627\u0631 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f \u062a\u0627 \u0628\u0647 \u062e\u0648\u062f \u06a9\u0644\u0627\u0633 \u0628\u0631\u062f\u0627\u0631 \u0627\u0634\u0627\u0631\u0647 \u06a9\u0646\u062f. \u0641\u0627\u06cc\u0644 src\/vector2.ts \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0645\u0642\u062f\u0627\u0631 \u062e\u0648\u062f \u0634\u06cc\u0621 \u0635\u0627\u062f\u0631\u200c\u0634\u062f\u0647\u060c \u0645\u0633\u0627\u0648\u06cc \u0631\u0627 \u0628\u0639\u062f \u0627\u0632 export \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export = class Vector2 {\r\n  constructor(public x: number, public y: number) {}\r\n\r\n  add(otherVector2: Vector2) {\r\n    return new Vector2(this.x + otherVector2.x, this.y + otherVector2.y);\r\n  }\r\n};<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0647\u0645\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u062f\u0631 \u0641\u0627\u06cc\u0644 src\/vector3.ts \u0646\u06cc\u0632 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">export = class Vector3 {\r\n  constructor(public x: number, public y: number, public z: number) {}\r\n\r\n  add(otherVector3: Vector3) {\r\n    return new Vector3(\r\n      this.x + otherVector3.x,\r\n      this.y + otherVector3.y,\r\n      this.z + otherVector3.z\r\n    );\r\n  }\r\n};<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0631\u0646\u0647\u0627\u06cc\u062a\u060c \u0641\u0627\u06cc\u0644 vectors.ts \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0632\u06cc\u0631 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import Vector2 from \".\/vector2\";\r\nimport Vector3 from \".\/vector3\";\r\n\r\nexport { Vector2, Vector3 };<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627 \u0631\u0627 \u0630\u062e\u06cc\u0631\u0647 \u0648 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0631\u0627 \u0627\u062c\u0631\u0627 \u06a9\u0646\u06cc\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">npx tsc<\/pre>\n<p style=\"text-align: justify;\">\u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0686\u0646\u062f\u06cc\u0646 \u062e\u0637\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">Output\r\nsrc\/vectors.ts:1:8 - error TS1259: Module '\"~\/project\/src\/vector2\"' can only be default-imported using the 'esModuleInterop' flag\r\n\r\n1 import Vector2 from \".\/vector2\";\r\n         ~~~~~~~\r\n\r\n  src\/vector2.ts:1:1\r\n      1 export = class Vector2 {\r\n        ~~~~~~~~~~~~~~~~~~~~~~~~\r\n      2   constructor(public x: number, public y: number) {}\r\n        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\r\n    ... \r\n      6   }\r\n        ~~~\r\n      7 }\r\n        ~\r\n    This module is declared with using 'export =', and can only be used with a default import when using the 'esModuleInterop' flag.\r\n\r\nsrc\/vectors.ts:2:8 - error TS1259: Module '\"~\/project\/src\/vector3\"' can only be default-imported using the 'esModuleInterop' flag\r\n\r\n2 import Vector3 from \".\/vector3\";\r\n         ~~~~~~~\r\n\r\n  src\/vector3.ts:1:1\r\n      1 export = class Vector3 {\r\n        ~~~~~~~~~~~~~~~~~~~~~~~~\r\n      2   constructor(public x: number, public y: number, public z: number) {}\r\n        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\r\n    ... \r\n     10   }\r\n        ~~~\r\n     11 }\r\n        ~\r\n    This module is declared with using 'export =', and can only be used with a default import when using the 'esModuleInterop' flag.<\/pre>\n<p style=\"text-align: justify;\">\u0627\u06cc\u0646 \u062e\u0637\u0627\u0647\u0627 \u0628\u0647\u200c\u062f\u0644\u06cc\u0644 \u0627\u0634\u062a\u0628\u0627\u0647 \u0648\u0627\u0631\u062f\u200c\u06a9\u0631\u062f\u0646 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0628\u0631\u062f\u0627\u0631 \u062f\u0631 src\/vectors.ts \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0641\u0627\u06cc\u0644 \u0647\u0646\u0648\u0632 \u0627\u0632 \u0631\u0648\u0634 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0628\u0631\u0627\u06cc \u0648\u0631\u0648\u062f \u0648 \u0635\u062f\u0648\u0631 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061b \u0627\u0645\u0627 \u0627\u06a9\u0646\u0648\u0646 \u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0632\u0646\u0648\u06cc\u0633\u06cc \u0634\u06cc\u0621 \u0635\u0627\u062f\u0631\u0634\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f\u061b \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u062f\u06cc\u06af\u0631 \u0635\u0627\u062f\u0631\u0627\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0646\u062f\u0627\u0631\u06cc\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631 \u062f\u0648 \u0631\u0648\u0634 \u0628\u0627\u0647\u0645 \u0646\u0627\u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0648 \u0631\u0627\u0647 \u0628\u0631\u0627\u06cc \u062d\u0644 \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f: \u06cc\u06a9\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 &#8221; ()import = require &#8221; \u0648 \u062f\u06cc\u06af\u0631\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0648\u06cc\u0698\u06af\u06cc esModuleInterop \u0631\u0648\u06cc true \u062f\u0631 \u0641\u0627\u06cc\u0644 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc TypeScript Compiler.<\/p>\n<p style=\"text-align: justify;\">\u062f\u0631 \u0627\u0628\u062a\u062f\u0627\u060c \u062f\u0631 \u0641\u0627\u06cc\u0644 src\/vectors.ts \u0633\u06cc\u0646\u062a\u06a9\u0633 \u0635\u062d\u06cc\u062d \u0631\u0627 \u0628\u0631\u0627\u06cc \u0648\u0627\u0631\u062f\u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0646\u0648\u0639 \u0645\u0627\u0698\u0648\u0644 \u067e\u06cc\u0627\u062f\u0647 \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">import Vector2 = require(\".\/vector2\");\r\nimport Vector3 = require(\".\/vector3\");\r\n\r\nexport { Vector2, Vector3 };<\/pre>\n<p style=\"text-align: justify;\">\u062f\u0633\u062a\u0648\u0631 &#8221; ()import = require &#8221; \u0634\u06cc\u0621 Exports \u0631\u0627 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u0642\u062f\u0627\u0631 \u0628\u0647 Import \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0627\u0632 \u0647\u0631 \u06a9\u0644\u0627\u0633 \u0628\u0631\u062f\u0627\u0631 \u062a\u0639\u0631\u06cc\u0641\u200c\u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06a9\u0646\u0648\u0646 \u06a9\u062f \u0634\u0645\u0627 \u0628\u062f\u0648\u0646 \u062e\u0637\u0627 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0631\u0648\u0634 \u062f\u06cc\u06af\u0631 \u0628\u0631\u0627\u06cc \u062d\u0644 \u062e\u0637\u0627\u06cc 1259 \u062a\u0646\u0638\u06cc\u0645 \u06af\u0632\u06cc\u0646\u0647 compilerOptions.esModuleInterop \u0631\u0648\u06cc true \u062f\u0631 \u0641\u0627\u06cc\u0644 tsconfig.json \u0627\u0633\u062a. \u0648\u0642\u062a\u06cc \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u0641\u0639\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0627\u0632 \u06a9\u062f\u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0634\u06cc\u0621 \u0635\u0627\u062f\u0631\u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u062a\u0634\u062e\u06cc\u0635 \u062f\u0647\u062f \u06a9\u0647 \u0622\u06cc\u0627 Exports \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0627\u0633\u062a \u06cc\u0627 \u0634\u06cc\u0621 Exports \u06a9\u0647 \u0628\u0627\u0632\u0646\u0648\u06cc\u0633\u06cc \u0634\u062f\u0647. \u0633\u067e\u0633 \u0622\u0646 \u0631\u0627 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0627\u06af\u0631 \u0627\u0632 \u0627\u06cc\u0646 \u06a9\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u0641\u0627\u06cc\u0644 src\/vectors.ts \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u0648 \u0628\u0627 \u0647\u0645\u0627\u0646 \u06a9\u062f\u0647\u0627\u06cc \u0642\u0628\u0644\u06cc \u0646\u06cc\u0632 \u0627\u062c\u0631\u0627 \u062e\u0648\u0627\u0647\u062f \u0634\u062f.<\/p>\n<p style=\"text-align: justify;\"><b>\u062a\u0648\u062c\u0647:<\/b> \u0627\u06af\u0631 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644 \u062f\u06cc\u06af\u0631\u06cc \u0628\u0647\u200c\u062c\u0632 AMD \u0648 CommonJS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u062d\u06cc\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0628\u0647 \u0634\u0645\u0627 \u062e\u0637\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<p style=\"text-align: justify;\">\u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c \u0627\u06af\u0631 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc compilerOptions.module \u0631\u0627 \u0631\u0648\u06cc ES6 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644 ES \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u062f\u060c \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 TypeScript \u0686\u0646\u062f\u06cc\u0646 \u062e\u0637\u0627 \u0631\u0627 \u0628\u0647 \u0645\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u062a\u0646\u0647\u0627 \u0628\u0647 \u062f\u0648 \u062e\u0637\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc 1202 \u0648 1203 \u062e\u0644\u0627\u0635\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\"Output\"\r\nsrc\/vector2.ts:1:1 - error TS1203: Export assignment cannot be used when targeting ECMAScript modules. Consider using 'export default' or another module format instead.\r\n\r\n  1 export = class Vector2 {\r\n    ~~~~~~~~~~~~~~~~~~~~~~~~\r\n  2   constructor(public x: number, public y: number) {}\r\n    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\r\n...\r\n  6   }\r\n    ~~~\r\n  7 };\r\n    ~~\r\n\r\nsrc\/vectors.ts:1:1 - error TS1202: Import assignment cannot be used when targeting ECMAScript modules. Consider using 'import * as ns from \"mod\"', 'import {a} from \"mod\"', 'import d from \"mod\"', or another module format instead.\r\n\r\n1 import Vector2 = require(\".\/vector2\");<\/pre>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc<\/b><\/span><\/h2>\n<p style=\"text-align: justify;\">TypeScript \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644\u06cc \u0628\u0627 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0648 \u0633\u06cc\u0646\u062a\u06a9\u0633\u06cc \u0647\u0645\u0627\u0646\u0646\u062f \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc ES \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f. \u062a\u0627\u06cc\u067e\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627\u06cc \u0645\u0627\u0698\u0648\u0644 \u062f\u06cc\u06af\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0645\u0627\u0646\u0646\u062f CommonJS \u060c\u200cAMD \u060c\u200cUMD \u060c\u200cSystemJS \u0648 ES6 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0648\u0627\u0631\u062f\u0627\u062a \u0648 \u0635\u0627\u062f\u0631\u0627\u062a \u0645\u0648\u062c\u0648\u062f \u062f\u0631 TypeScript\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u06a9\u062f \u0634\u0645\u0627 \u0645\u0627\u0698\u0648\u0644\u0627\u0631 \u0648 \u0628\u0627 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a\u06cc \u0628\u0632\u0631\u06af \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a. \u062f\u0627\u0646\u0633\u062a\u0646 \u0646\u062d\u0648\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u06a9\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647\u200c\u0637\u0648\u0631 \u0645\u062e\u062a\u0635\u0631 \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u0646\u06cc\u062f\u061b \u0632\u06cc\u0631\u0627 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0628\u062e\u0634\u06cc \u0627\u0633\u0627\u0633\u06cc \u0627\u0632 \u062f\u0627\u0634\u062a\u0646 \u067e\u0627\u06cc\u06af\u0627\u0647 \u06a9\u062f \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647\u200c\u0627\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0647\u200c\u0631\u0627\u062d\u062a\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u06af\u0633\u062a\u0631\u0634 \u062f\u0627\u062f \u0648 \u0646\u06af\u0647\u200c\u062f\u0627\u0631\u06cc \u06a9\u0631\u062f.<\/p>\n<h2 style=\"text-align: justify;\"><span style=\"color: #3366ff;\"><b>\u0633\u0624\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/b><\/span><\/h2>\n<h3 style=\"text-align: justify;\"><span style=\"color: #0000ff;\"><b>\u06f1. TypeScript \u0627\u0632 \u0686\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f<\/b><\/span><\/h3>\n<p style=\"text-align: justify;\">\u062a\u0627\u06cc\u067e\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644 EcmaScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"color: #0000ff;\"><b>\u06f2. \u0686\u06af\u0648\u0646\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631 <\/b>TypeScript<b> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f<\/b><\/span><\/h3>\n<p style=\"text-align: justify;\">\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc Import \u0648 Export \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631\u0648\u0646 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"color: #0000ff;\"><b>\u06f3. \u0686\u06af\u0648\u0646\u0647 \u062f\u0631 TypeScript \u0645\u0627\u0698\u0648\u0644 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645\u061f<\/b><\/span><\/h3>\n<p style=\"text-align: justify;\">\u0647\u0631 \u0641\u0627\u06cc\u0644\u06cc \u06a9\u0647 \u062d\u0627\u0648\u06cc Import \u0648 Export \u0628\u0627\u0634\u062f\u060c \u0645\u0627\u0698\u0648\u0644 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0631\u0639\u06a9\u0633\u060c \u0647\u0631 \u0641\u0627\u06cc\u0644 \u0628\u062f\u0648\u0646 Import \u0648 Export \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0644\u0642\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u0622\u0646 \u062f\u0631 \u0645\u062d\u062f\u0648\u062f\u0647 \u062c\u0647\u0627\u0646\u06cc \u062f\u0631\u062f\u0633\u062a\u0631\u0633 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f \u0648 \u0628\u0631\u0627\u06cc \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0646\u06cc\u0632 \u0645\u0648\u062c\u0648\u062f \u0627\u0633\u062a.<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"color: #0000ff;\"><b>\u06f4. \u0686\u06af\u0648\u0646\u0647 \u06a9\u062f\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 TypeScript \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u0646\u06cc\u0645\u061f<\/b><\/span><\/h3>\n<p style=\"text-align: justify;\">TypeScript \u062f\u0648 \u0631\u0627\u0647 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f: Namespace \u0646\u0627\u0645 \u0648 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627.<\/p>\n<h3 style=\"text-align: justify;\"><span style=\"color: #0000ff;\"><b>\u06f5. \u062a\u0641\u0627\u0648\u062a \u0645\u0627\u0698\u0648\u0644 \u0648 Namespace \u062f\u0631 TypeScript \u0686\u06cc\u0633\u062a\u061f<\/b><\/span><\/h3>\n<p style=\"text-align: justify;\">\u0645\u0627\u0698\u0648\u0644 \u0631\u0648\u0634\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u062f \u062f\u0631 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u0645\u062d\u062f\u0648\u062f\u0647 \u0645\u062d\u0644\u06cc \u0622\u0646\u200c\u0647\u0627 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f\u060c \u0646\u0647 \u062f\u0631 \u062f\u0627\u0645\u0646\u0647 \u062c\u0647\u0627\u0646\u06cc\u061b \u0627\u0645\u0627 Namespace \u0631\u0627\u0647\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0646\u0637\u0642\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627 \u0628\u0627 \u0645\u062d\u062f\u0648\u062f\u0647 \u0645\u062d\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"TypeScript \u0627\u0632 \u0686\u0647 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"\u062a\u0627\u06cc\u067e\u200c\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0627\u0698\u0648\u0644 EcmaScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u0686\u06af\u0648\u0646\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc Import \u0648 Export \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u062f\u0631\u0648\u0646 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u0686\u06af\u0648\u0646\u0647 \u062f\u0631 TypeScript \u0645\u0627\u0698\u0648\u0644 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u0645\u061f\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"\u0647\u0631 \u0641\u0627\u06cc\u0644\u06cc \u06a9\u0647 \u062d\u0627\u0648\u06cc Import \u0648 Export \u0628\u0627\u0634\u062f\u060c \u0645\u0627\u0698\u0648\u0644 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0628\u0631\u0639\u06a9\u0633\u060c \u0647\u0631 \u0641\u0627\u06cc\u0644 \u0628\u062f\u0648\u0646 Import \u0648 Export \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0644\u0642\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0645\u062d\u062a\u0648\u06cc\u0627\u062a \u0622\u0646 \u062f\u0631 \u0645\u062d\u062f\u0648\u062f\u0647 \u062c\u0647\u0627\u0646\u06cc \u062f\u0631\u062f\u0633\u062a\u0631\u0633 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f \u0648 \u0628\u0631\u0627\u06cc \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0646\u06cc\u0632 \u0645\u0648\u062c\u0648\u062f \u0627\u0633\u062a.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u0686\u06af\u0648\u0646\u0647 \u06a9\u062f\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 TypeScript \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u0646\u06cc\u0645\u061f\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"TypeScript \u062f\u0648 \u0631\u0627\u0647 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u062f \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f: Namespace \u0646\u0627\u0645 \u0648 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"\u062a\u0641\u0627\u0648\u062a \u0645\u0627\u0698\u0648\u0644 \u0648 Namespace \u062f\u0631 TypeScript \u0686\u06cc\u0633\u062a\u061f\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"\u0645\u0627\u0698\u0648\u0644 \u0631\u0648\u0634\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u062f\u0647\u06cc \u06a9\u062f \u062f\u0631 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062f\u0631 \u0645\u062d\u062f\u0648\u062f\u0647 \u0645\u062d\u0644\u06cc \u0622\u0646\u200c\u0647\u0627 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f\u060c \u0646\u0647 \u062f\u0631 \u062f\u0627\u0645\u0646\u0647 \u062c\u0647\u0627\u0646\u06cc\u061b \u0627\u0645\u0627 Namespace \u0631\u0627\u0647\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0646\u0637\u0642\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627 \u0628\u0627 \u0645\u062d\u062f\u0648\u062f\u0647 \u0645\u062d\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.\"\n    }\n  }]\n}\n<\/script><\/p>\n<h3 style=\"text-align: justify;\"><span style=\"color: #0000ff;\">\u0645\u0646\u0628\u0639:<\/span><\/h3>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.digitalocean.com\/community\/tutorials\/how-to-use-modules-in-typescript\" target=\"_blank\" rel=\"noopener nofollow\">digitalocean.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0628\u0631\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u0627\u06cc\u062c\u0627\u062f \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u062f\u0631 TypeScript \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646\u060c \u0622\u0634\u0646\u0627\u06cc\u06cc \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u0627\u0698\u0648\u0644\u200c\u0647\u0627 \u0648 \u0634\u06cc\u0648\u0647 \u0627\u06cc\u062c\u0627\u062f \u0622\u0646\u200c\u0647\u0627 \u0628\u0627 \u0634\u06cc\u0621\u200c\u06af\u0631\u0627\u06cc\u06cc \u062f\u0631 \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0627 \u0645\u0627 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627\u0634\u06cc\u062f.<\/p>\n","protected":false},"author":71,"featured_media":35130,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[992],"tags":[],"class_list":["post-29775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-frontend-tutorial"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/posts\/29775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/users\/71"}],"replies":[{"embeddable":true,"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/comments?post=29775"}],"version-history":[{"count":4,"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/posts\/29775\/revisions"}],"predecessor-version":[{"id":52013,"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/posts\/29775\/revisions\/52013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/media\/35130"}],"wp:attachment":[{"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/media?parent=29775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/categories?post=29775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/parspack.com\/blog\/wp-json\/wp\/v2\/tags?post=29775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}