Summarize this content to 400 words in Persian Lang\n \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0634\u0645\u0627 \u0647\u0645 \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u0645\u0624\u062b\u0631 \u0647\u0633\u062a\u0646\u062f.<\/p>\n
1. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 TypeScript<\/p>\n
\u062a\u0627\u0644\u06cc\u0641 \u0627\u0641\u0632\u0627\u06cc\u0634\u06ccTypeScript \u0627\u0632 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0642\u0637 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627\u0641\u062a\u0647 \u062f\u0648\u0628\u0627\u0631\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0632\u0645\u0627\u0646 \u0633\u0627\u062e\u062a \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n
\u0646\u062d\u0648\u0647 \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646:\u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f “incremental”: true \u062f\u0631 \u0634\u0645\u0627 tsconfig.json:<\/p>\n
{\n “compilerOptions”: {\n “incremental”: true\n }\n}<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
\u0641\u0627\u06cc\u062f\u0647: \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n
\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 –skipLibCheck\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n
{\n “compilerOptions”: {\n “skipLibCheck”: true\n }\n}<\/p>\n
\u0686\u0631\u0627: \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n
2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/p>\n
\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n
\u0645\u062b\u0627\u0644<\/p>\n
const numbers = [1, 2, 3, 4]; \/\/ TypeScript infers `number[]`\nconst sum = numbers.reduce((acc, curr) => acc + curr, 0); \/\/ Infers `number`<\/p>\n
\u0646\u06a9\u062a\u0647: \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/p>\n
\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n
\/\/ Overly complex\ntype NestedArray<T> = T | NestedArray<T>[];<\/p>\n
\/\/ Simplified for specific cases\ntype NestedNumberArray = number | NestedNumberArray[];<\/p>\n
3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<\/p>\n
TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f Pick\u060c Omit\u060c Partial\u060c \u0648 Required. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n
\u0645\u062b\u0627\u0644: \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Omit\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n
type User = {\n id: number;\n name: string;\n email: string;\n};\ntype UserWithoutEmail = Omit<User, ’email’>;<\/p>\n
\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f: \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n
4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<\/p>\n
\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (“module”: “ESNext”) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n
\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/p>\n
{\n “compilerOptions”: {\n “module”: “ESNext”\n }\n}<\/p>\n
\u0686\u0631\u0627: \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n
5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<\/p>\n
\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n
\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (as \u06cc\u0627 ) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n
\/\/ Risky\nconst someValue: any = “hello”;\nconst stringLength = (someValue as string).length; \/\/ Unsafe<\/p>\n
\u0646\u06a9\u062a\u0647: \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n
function isString(value: unknown): value is string {\n return typeof value === “string”;\n}<\/p>\n
\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 Readonly \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f Readonly \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n
const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};<\/p>\n
\/\/ config.port = 4000; \/\/ Error<\/p>\n
6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<\/p>\n
\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n
\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f: \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/p>\n
\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646: \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/p>\n
7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<\/p>\n
\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n
\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f sourceMap \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n
{\n “compilerOptions”: {\n “sourceMap”: true\n }\n}<\/p>\n
8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<\/p>\n
\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n
type Result<T> = T extends string ? string[] : number[];\nconst example: Result<string> = [“a”, “b”]; \/\/ Inferred as string[]\n
\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n
type EventName = `on${Capitalize<string>}`;<\/p>\n
9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<\/p>\n
\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639 \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/p>\n
\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading: \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n
\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc: \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f ts-prune \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/p>\n
\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<\/p>\n
\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n
\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n
\u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0634\u0645\u0627 \u0647\u0645 \u06a9\u0627\u0631\u0622\u0645\u062f \u0648 \u0645\u0624\u062b\u0631 \u0647\u0633\u062a\u0646\u062f.<\/p>\n
\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n1. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 TypeScript<\/a><\/li>2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/a><\/li>3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<\/a><\/li>4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<\/a><\/li>5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<\/a><\/li>6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<\/a><\/li>7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<\/a><\/li>8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<\/a><\/li>9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<\/a><\/li>\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<\/a><\/li><\/ul><\/nav><\/div>\n<\/span>\n 1. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 TypeScript\n<\/span><\/h2>\n\u062a\u0627\u0644\u06cc\u0641 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc<\/strong>TypeScript \u0627\u0632 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0642\u0637 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627\u0641\u062a\u0647 \u062f\u0648\u0628\u0627\u0631\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0632\u0645\u0627\u0646 \u0633\u0627\u062e\u062a \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n\u0646\u062d\u0648\u0647 \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646:<\/strong>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \"incremental\": true<\/code> \u062f\u0631 \u0634\u0645\u0627 tsconfig.json<\/code>:<\/p>\n\n{<\/span>\n <\/span>\"compilerOptions\"<\/span>:<\/span> <\/span>{<\/span>\n <\/span>\"incremental\"<\/span>:<\/span> <\/span>true<\/span>\n <\/span>}<\/span>\n<\/span>}<\/span>\n<\/span><\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0641\u0627\u06cc\u062f\u0647:<\/strong> \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>--skipLibCheck<\/code><\/strong><br \/>\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"skipLibCheck\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0686\u0631\u0627:<\/strong> \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B3%D8%AA%D9%86%D8%AA%D8%A7%D8%AC_%D9%86%D9%88%D8%B9_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87\"><\/span>\n<p> 2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">numbers<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ TypeScript infers `number[]`<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sum<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">numbers<\/span><span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">acc<\/span><span class=\"p\">,<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"nx\">acc<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Infers `number`<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><strong>\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Overly complex<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span><span class=\"p\">[];<\/span>\n\n<span class=\"c1\">\/\/ Simplified for specific cases<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedNumberArray<\/span> <span class=\"o\">=<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedNumberArray<\/span><span class=\"p\">[];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1\"><\/span>\n<p> 3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f <code>Pick<\/code>\u060c <code>Omit<\/code>\u060c <code>Partial<\/code>\u060c \u0648 <code>Required<\/code>. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644:<\/strong> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>Omit<\/code><br \/>\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">id<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">UserWithoutEmail<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Omit<\/span><span class=\"o\"><<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">email<\/span><span class=\"dl\">'<\/span><span class=\"o\">><\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f:<\/strong> \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_%D9%84%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%D8%AE%D8%AA_%D8%A8%D8%A7_TypeScript\"><\/span>\n<p> 4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (<code>\"module\": \"ESNext\"<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n<p><strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"ESNext\"<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0686\u0631\u0627:<\/strong> \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF_%D8%B2%D9%85%D8%A7%D9%86_%D8%A7%D8%AC%D8%B1%D8%A7\"><\/span>\n<p> 5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (<code>as<\/code> \u06cc\u0627 <code><type\/><\/code>) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Risky<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">someValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">any<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">hello<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">stringLength<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">someValue<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">).<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Unsafe<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">isString<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">unknown<\/span><span class=\"p\">):<\/span> <span class=\"nx\">value<\/span> <span class=\"k\">is<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">string<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/strong><br \/>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};\n\n\/\/ config.port = 4000; \/\/ Error\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"6_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8%D9%87\"><\/span>\n<p> 6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646:<\/strong> \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"7_%D8%A7%D8%B4%DA%A9%D8%A7%D9%84_%D8%B2%D8%AF%D8%A7%DB%8C%DB%8C_%D9%88_%D9%BE%D8%B1%D9%88%D9%81%D8%A7%DB%8C%D9%84\"><\/span>\n<p> 7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>sourceMap<\/code> \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"8_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_%D9%87%D8%A7%DB%8C_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87_TypeScript\"><\/span>\n<p> 8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637<\/strong><br \/>\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"kd\">extends<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">?<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span> <span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">[];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">example<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">a<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">b<\/span><span class=\"dl\">\"<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ Inferred as string[]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648<\/strong><br \/>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">EventName<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`on<\/span><span class=\"p\">${<\/span><span class=\"nb\">Capitalize<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"9_%D9%86%DA%A9%D8%A7%D8%AA_%D9%88_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7\"><\/span>\n<p> 9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading:<\/strong> \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc:<\/strong> \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f <code>ts-prune<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AF%D8%A7%D9%85%D9%87_%D9%85%D8%B7%D9%84%D8%A8\"><\/span>\n<p> \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n<hr\/>\n<p>\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n<p><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc …<\/p>\n","protected":false},"author":2,"featured_media":86230,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-86229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=86229"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/86230"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=86229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=86229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=86229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
1. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 TypeScript\n<\/span><\/h2>\n\u062a\u0627\u0644\u06cc\u0641 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc<\/strong>TypeScript \u0627\u0632 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0642\u0637 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627\u0641\u062a\u0647 \u062f\u0648\u0628\u0627\u0631\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0632\u0645\u0627\u0646 \u0633\u0627\u062e\u062a \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n\u0646\u062d\u0648\u0647 \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646:<\/strong>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \"incremental\": true<\/code> \u062f\u0631 \u0634\u0645\u0627 tsconfig.json<\/code>:<\/p>\n\n{<\/span>\n <\/span>\"compilerOptions\"<\/span>:<\/span> <\/span>{<\/span>\n <\/span>\"incremental\"<\/span>:<\/span> <\/span>true<\/span>\n <\/span>}<\/span>\n<\/span>}<\/span>\n<\/span><\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0641\u0627\u06cc\u062f\u0647:<\/strong> \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>--skipLibCheck<\/code><\/strong><br \/>\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"skipLibCheck\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0686\u0631\u0627:<\/strong> \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B3%D8%AA%D9%86%D8%AA%D8%A7%D8%AC_%D9%86%D9%88%D8%B9_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87\"><\/span>\n<p> 2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">numbers<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ TypeScript infers `number[]`<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sum<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">numbers<\/span><span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">acc<\/span><span class=\"p\">,<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"nx\">acc<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Infers `number`<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><strong>\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Overly complex<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span><span class=\"p\">[];<\/span>\n\n<span class=\"c1\">\/\/ Simplified for specific cases<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedNumberArray<\/span> <span class=\"o\">=<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedNumberArray<\/span><span class=\"p\">[];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1\"><\/span>\n<p> 3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f <code>Pick<\/code>\u060c <code>Omit<\/code>\u060c <code>Partial<\/code>\u060c \u0648 <code>Required<\/code>. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644:<\/strong> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>Omit<\/code><br \/>\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">id<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">UserWithoutEmail<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Omit<\/span><span class=\"o\"><<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">email<\/span><span class=\"dl\">'<\/span><span class=\"o\">><\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f:<\/strong> \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_%D9%84%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%D8%AE%D8%AA_%D8%A8%D8%A7_TypeScript\"><\/span>\n<p> 4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (<code>\"module\": \"ESNext\"<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n<p><strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"ESNext\"<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0686\u0631\u0627:<\/strong> \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF_%D8%B2%D9%85%D8%A7%D9%86_%D8%A7%D8%AC%D8%B1%D8%A7\"><\/span>\n<p> 5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (<code>as<\/code> \u06cc\u0627 <code><type\/><\/code>) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Risky<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">someValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">any<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">hello<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">stringLength<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">someValue<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">).<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Unsafe<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">isString<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">unknown<\/span><span class=\"p\">):<\/span> <span class=\"nx\">value<\/span> <span class=\"k\">is<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">string<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/strong><br \/>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};\n\n\/\/ config.port = 4000; \/\/ Error\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"6_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8%D9%87\"><\/span>\n<p> 6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646:<\/strong> \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"7_%D8%A7%D8%B4%DA%A9%D8%A7%D9%84_%D8%B2%D8%AF%D8%A7%DB%8C%DB%8C_%D9%88_%D9%BE%D8%B1%D9%88%D9%81%D8%A7%DB%8C%D9%84\"><\/span>\n<p> 7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>sourceMap<\/code> \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"8_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_%D9%87%D8%A7%DB%8C_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87_TypeScript\"><\/span>\n<p> 8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637<\/strong><br \/>\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"kd\">extends<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">?<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span> <span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">[];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">example<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">a<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">b<\/span><span class=\"dl\">\"<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ Inferred as string[]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648<\/strong><br \/>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">EventName<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`on<\/span><span class=\"p\">${<\/span><span class=\"nb\">Capitalize<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"9_%D9%86%DA%A9%D8%A7%D8%AA_%D9%88_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7\"><\/span>\n<p> 9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading:<\/strong> \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc:<\/strong> \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f <code>ts-prune<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AF%D8%A7%D9%85%D9%87_%D9%85%D8%B7%D9%84%D8%A8\"><\/span>\n<p> \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n<hr\/>\n<p>\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n<p><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc …<\/p>\n","protected":false},"author":2,"featured_media":86230,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-86229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=86229"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/86230"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=86229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=86229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=86229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u062a\u0627\u0644\u06cc\u0641 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc<\/strong>TypeScript \u0627\u0632 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0641\u0632\u0627\u06cc\u0634\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0641\u0642\u0637 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u06cc\u0627\u0641\u062a\u0647 \u062f\u0648\u0628\u0627\u0631\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0632\u0645\u0627\u0646 \u0633\u0627\u062e\u062a \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n\u0646\u062d\u0648\u0647 \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646:<\/strong>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \"incremental\": true<\/code> \u062f\u0631 \u0634\u0645\u0627 tsconfig.json<\/code>:<\/p>\n\n{<\/span>\n <\/span>\"compilerOptions\"<\/span>:<\/span> <\/span>{<\/span>\n <\/span>\"incremental\"<\/span>:<\/span> <\/span>true<\/span>\n <\/span>}<\/span>\n<\/span>}<\/span>\n<\/span><\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0641\u0627\u06cc\u062f\u0647:<\/strong> \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>--skipLibCheck<\/code><\/strong><br \/>\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"skipLibCheck\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0686\u0631\u0627:<\/strong> \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B3%D8%AA%D9%86%D8%AA%D8%A7%D8%AC_%D9%86%D9%88%D8%B9_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87\"><\/span>\n<p> 2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">numbers<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ TypeScript infers `number[]`<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sum<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">numbers<\/span><span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">acc<\/span><span class=\"p\">,<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"nx\">acc<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Infers `number`<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><strong>\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Overly complex<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span><span class=\"p\">[];<\/span>\n\n<span class=\"c1\">\/\/ Simplified for specific cases<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedNumberArray<\/span> <span class=\"o\">=<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedNumberArray<\/span><span class=\"p\">[];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1\"><\/span>\n<p> 3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f <code>Pick<\/code>\u060c <code>Omit<\/code>\u060c <code>Partial<\/code>\u060c \u0648 <code>Required<\/code>. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644:<\/strong> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>Omit<\/code><br \/>\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">id<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">UserWithoutEmail<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Omit<\/span><span class=\"o\"><<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">email<\/span><span class=\"dl\">'<\/span><span class=\"o\">><\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f:<\/strong> \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_%D9%84%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%D8%AE%D8%AA_%D8%A8%D8%A7_TypeScript\"><\/span>\n<p> 4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (<code>\"module\": \"ESNext\"<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n<p><strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"ESNext\"<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0686\u0631\u0627:<\/strong> \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF_%D8%B2%D9%85%D8%A7%D9%86_%D8%A7%D8%AC%D8%B1%D8%A7\"><\/span>\n<p> 5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (<code>as<\/code> \u06cc\u0627 <code><type\/><\/code>) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Risky<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">someValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">any<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">hello<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">stringLength<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">someValue<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">).<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Unsafe<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">isString<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">unknown<\/span><span class=\"p\">):<\/span> <span class=\"nx\">value<\/span> <span class=\"k\">is<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">string<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/strong><br \/>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};\n\n\/\/ config.port = 4000; \/\/ Error\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"6_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8%D9%87\"><\/span>\n<p> 6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646:<\/strong> \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"7_%D8%A7%D8%B4%DA%A9%D8%A7%D9%84_%D8%B2%D8%AF%D8%A7%DB%8C%DB%8C_%D9%88_%D9%BE%D8%B1%D9%88%D9%81%D8%A7%DB%8C%D9%84\"><\/span>\n<p> 7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>sourceMap<\/code> \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"8_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_%D9%87%D8%A7%DB%8C_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87_TypeScript\"><\/span>\n<p> 8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637<\/strong><br \/>\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"kd\">extends<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">?<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span> <span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">[];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">example<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">a<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">b<\/span><span class=\"dl\">\"<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ Inferred as string[]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648<\/strong><br \/>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">EventName<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`on<\/span><span class=\"p\">${<\/span><span class=\"nb\">Capitalize<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"9_%D9%86%DA%A9%D8%A7%D8%AA_%D9%88_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7\"><\/span>\n<p> 9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading:<\/strong> \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc:<\/strong> \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f <code>ts-prune<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AF%D8%A7%D9%85%D9%87_%D9%85%D8%B7%D9%84%D8%A8\"><\/span>\n<p> \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n<hr\/>\n<p>\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n<p><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc …<\/p>\n","protected":false},"author":2,"featured_media":86230,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-86229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=86229"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/86230"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=86229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=86229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=86229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u0646\u062d\u0648\u0647 \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646:<\/strong>\u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \"incremental\": true<\/code> \u062f\u0631 \u0634\u0645\u0627 tsconfig.json<\/code>:<\/p>\n\n{<\/span>\n <\/span>\"compilerOptions\"<\/span>:<\/span> <\/span>{<\/span>\n <\/span>\"incremental\"<\/span>:<\/span> <\/span>true<\/span>\n <\/span>}<\/span>\n<\/span>}<\/span>\n<\/span><\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0641\u0627\u06cc\u062f\u0647:<\/strong> \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>--skipLibCheck<\/code><\/strong><br \/>\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"skipLibCheck\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0686\u0631\u0627:<\/strong> \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B3%D8%AA%D9%86%D8%AA%D8%A7%D8%AC_%D9%86%D9%88%D8%B9_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87\"><\/span>\n<p> 2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">numbers<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ TypeScript infers `number[]`<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sum<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">numbers<\/span><span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">acc<\/span><span class=\"p\">,<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"nx\">acc<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Infers `number`<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><strong>\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Overly complex<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span><span class=\"p\">[];<\/span>\n\n<span class=\"c1\">\/\/ Simplified for specific cases<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedNumberArray<\/span> <span class=\"o\">=<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedNumberArray<\/span><span class=\"p\">[];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1\"><\/span>\n<p> 3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f <code>Pick<\/code>\u060c <code>Omit<\/code>\u060c <code>Partial<\/code>\u060c \u0648 <code>Required<\/code>. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644:<\/strong> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>Omit<\/code><br \/>\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">id<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">UserWithoutEmail<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Omit<\/span><span class=\"o\"><<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">email<\/span><span class=\"dl\">'<\/span><span class=\"o\">><\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f:<\/strong> \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_%D9%84%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%D8%AE%D8%AA_%D8%A8%D8%A7_TypeScript\"><\/span>\n<p> 4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (<code>\"module\": \"ESNext\"<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n<p><strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"ESNext\"<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0686\u0631\u0627:<\/strong> \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF_%D8%B2%D9%85%D8%A7%D9%86_%D8%A7%D8%AC%D8%B1%D8%A7\"><\/span>\n<p> 5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (<code>as<\/code> \u06cc\u0627 <code><type\/><\/code>) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Risky<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">someValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">any<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">hello<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">stringLength<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">someValue<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">).<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Unsafe<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">isString<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">unknown<\/span><span class=\"p\">):<\/span> <span class=\"nx\">value<\/span> <span class=\"k\">is<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">string<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/strong><br \/>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};\n\n\/\/ config.port = 4000; \/\/ Error\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"6_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8%D9%87\"><\/span>\n<p> 6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646:<\/strong> \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"7_%D8%A7%D8%B4%DA%A9%D8%A7%D9%84_%D8%B2%D8%AF%D8%A7%DB%8C%DB%8C_%D9%88_%D9%BE%D8%B1%D9%88%D9%81%D8%A7%DB%8C%D9%84\"><\/span>\n<p> 7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>sourceMap<\/code> \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"8_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_%D9%87%D8%A7%DB%8C_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87_TypeScript\"><\/span>\n<p> 8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637<\/strong><br \/>\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"kd\">extends<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">?<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span> <span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">[];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">example<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">a<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">b<\/span><span class=\"dl\">\"<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ Inferred as string[]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648<\/strong><br \/>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">EventName<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`on<\/span><span class=\"p\">${<\/span><span class=\"nb\">Capitalize<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"9_%D9%86%DA%A9%D8%A7%D8%AA_%D9%88_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7\"><\/span>\n<p> 9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading:<\/strong> \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc:<\/strong> \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f <code>ts-prune<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AF%D8%A7%D9%85%D9%87_%D9%85%D8%B7%D9%84%D8%A8\"><\/span>\n<p> \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n<hr\/>\n<p>\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n<p><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc …<\/p>\n","protected":false},"author":2,"featured_media":86230,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-86229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=86229"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/86230"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=86229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=86229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=86229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\"incremental\": true<\/code> \u062f\u0631 \u0634\u0645\u0627 tsconfig.json<\/code>:<\/p>\n\n{<\/span>\n <\/span>\"compilerOptions\"<\/span>:<\/span> <\/span>{<\/span>\n <\/span>\"incremental\"<\/span>:<\/span> <\/span>true<\/span>\n <\/span>}<\/span>\n<\/span>}<\/span>\n<\/span><\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0641\u0627\u06cc\u062f\u0647:<\/strong> \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>--skipLibCheck<\/code><\/strong><br \/>\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"skipLibCheck\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0686\u0631\u0627:<\/strong> \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B3%D8%AA%D9%86%D8%AA%D8%A7%D8%AC_%D9%86%D9%88%D8%B9_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87\"><\/span>\n<p> 2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">numbers<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ TypeScript infers `number[]`<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sum<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">numbers<\/span><span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">acc<\/span><span class=\"p\">,<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"nx\">acc<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Infers `number`<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><strong>\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Overly complex<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span><span class=\"p\">[];<\/span>\n\n<span class=\"c1\">\/\/ Simplified for specific cases<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedNumberArray<\/span> <span class=\"o\">=<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedNumberArray<\/span><span class=\"p\">[];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1\"><\/span>\n<p> 3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f <code>Pick<\/code>\u060c <code>Omit<\/code>\u060c <code>Partial<\/code>\u060c \u0648 <code>Required<\/code>. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644:<\/strong> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>Omit<\/code><br \/>\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">id<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">UserWithoutEmail<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Omit<\/span><span class=\"o\"><<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">email<\/span><span class=\"dl\">'<\/span><span class=\"o\">><\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f:<\/strong> \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_%D9%84%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%D8%AE%D8%AA_%D8%A8%D8%A7_TypeScript\"><\/span>\n<p> 4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (<code>\"module\": \"ESNext\"<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n<p><strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"ESNext\"<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0686\u0631\u0627:<\/strong> \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF_%D8%B2%D9%85%D8%A7%D9%86_%D8%A7%D8%AC%D8%B1%D8%A7\"><\/span>\n<p> 5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (<code>as<\/code> \u06cc\u0627 <code><type\/><\/code>) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Risky<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">someValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">any<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">hello<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">stringLength<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">someValue<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">).<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Unsafe<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">isString<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">unknown<\/span><span class=\"p\">):<\/span> <span class=\"nx\">value<\/span> <span class=\"k\">is<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">string<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/strong><br \/>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};\n\n\/\/ config.port = 4000; \/\/ Error\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"6_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8%D9%87\"><\/span>\n<p> 6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646:<\/strong> \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"7_%D8%A7%D8%B4%DA%A9%D8%A7%D9%84_%D8%B2%D8%AF%D8%A7%DB%8C%DB%8C_%D9%88_%D9%BE%D8%B1%D9%88%D9%81%D8%A7%DB%8C%D9%84\"><\/span>\n<p> 7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>sourceMap<\/code> \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"8_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_%D9%87%D8%A7%DB%8C_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87_TypeScript\"><\/span>\n<p> 8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637<\/strong><br \/>\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"kd\">extends<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">?<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span> <span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">[];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">example<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">a<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">b<\/span><span class=\"dl\">\"<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ Inferred as string[]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648<\/strong><br \/>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">EventName<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`on<\/span><span class=\"p\">${<\/span><span class=\"nb\">Capitalize<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"9_%D9%86%DA%A9%D8%A7%D8%AA_%D9%88_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7\"><\/span>\n<p> 9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading:<\/strong> \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc:<\/strong> \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f <code>ts-prune<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AF%D8%A7%D9%85%D9%87_%D9%85%D8%B7%D9%84%D8%A8\"><\/span>\n<p> \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n<hr\/>\n<p>\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n<p><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc …<\/p>\n","protected":false},"author":2,"featured_media":86230,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-86229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=86229"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/86230"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=86229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=86229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=86229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
tsconfig.json<\/code>:<\/p>\n\n{<\/span>\n <\/span>\"compilerOptions\"<\/span>:<\/span> <\/span>{<\/span>\n <\/span>\"incremental\"<\/span>:<\/span> <\/span>true<\/span>\n <\/span>}<\/span>\n<\/span>}<\/span>\n<\/span><\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0641\u0627\u06cc\u062f\u0647:<\/strong> \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>--skipLibCheck<\/code><\/strong><br \/>\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"skipLibCheck\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0686\u0631\u0627:<\/strong> \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B3%D8%AA%D9%86%D8%AA%D8%A7%D8%AC_%D9%86%D9%88%D8%B9_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87\"><\/span>\n<p> 2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">numbers<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ TypeScript infers `number[]`<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sum<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">numbers<\/span><span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">acc<\/span><span class=\"p\">,<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"nx\">acc<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Infers `number`<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><strong>\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Overly complex<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span><span class=\"p\">[];<\/span>\n\n<span class=\"c1\">\/\/ Simplified for specific cases<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedNumberArray<\/span> <span class=\"o\">=<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedNumberArray<\/span><span class=\"p\">[];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1\"><\/span>\n<p> 3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f <code>Pick<\/code>\u060c <code>Omit<\/code>\u060c <code>Partial<\/code>\u060c \u0648 <code>Required<\/code>. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644:<\/strong> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>Omit<\/code><br \/>\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">id<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">UserWithoutEmail<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Omit<\/span><span class=\"o\"><<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">email<\/span><span class=\"dl\">'<\/span><span class=\"o\">><\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f:<\/strong> \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_%D9%84%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%D8%AE%D8%AA_%D8%A8%D8%A7_TypeScript\"><\/span>\n<p> 4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (<code>\"module\": \"ESNext\"<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n<p><strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"ESNext\"<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0686\u0631\u0627:<\/strong> \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF_%D8%B2%D9%85%D8%A7%D9%86_%D8%A7%D8%AC%D8%B1%D8%A7\"><\/span>\n<p> 5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (<code>as<\/code> \u06cc\u0627 <code><type\/><\/code>) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Risky<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">someValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">any<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">hello<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">stringLength<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">someValue<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">).<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Unsafe<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">isString<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">unknown<\/span><span class=\"p\">):<\/span> <span class=\"nx\">value<\/span> <span class=\"k\">is<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">string<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/strong><br \/>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};\n\n\/\/ config.port = 4000; \/\/ Error\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"6_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8%D9%87\"><\/span>\n<p> 6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646:<\/strong> \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"7_%D8%A7%D8%B4%DA%A9%D8%A7%D9%84_%D8%B2%D8%AF%D8%A7%DB%8C%DB%8C_%D9%88_%D9%BE%D8%B1%D9%88%D9%81%D8%A7%DB%8C%D9%84\"><\/span>\n<p> 7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>sourceMap<\/code> \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"8_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_%D9%87%D8%A7%DB%8C_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87_TypeScript\"><\/span>\n<p> 8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637<\/strong><br \/>\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"kd\">extends<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">?<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span> <span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">[];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">example<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">a<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">b<\/span><span class=\"dl\">\"<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ Inferred as string[]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648<\/strong><br \/>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">EventName<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`on<\/span><span class=\"p\">${<\/span><span class=\"nb\">Capitalize<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"9_%D9%86%DA%A9%D8%A7%D8%AA_%D9%88_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7\"><\/span>\n<p> 9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading:<\/strong> \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc:<\/strong> \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f <code>ts-prune<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AF%D8%A7%D9%85%D9%87_%D9%85%D8%B7%D9%84%D8%A8\"><\/span>\n<p> \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n<hr\/>\n<p>\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n<p><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc …<\/p>\n","protected":false},"author":2,"featured_media":86230,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-86229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=86229"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/86230"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=86229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=86229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=86229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
{<\/span>\n <\/span>\"compilerOptions\"<\/span>:<\/span> <\/span>{<\/span>\n <\/span>\"incremental\"<\/span>:<\/span> <\/span>true<\/span>\n <\/span>}<\/span>\n<\/span>}<\/span>\n<\/span><\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0641\u0627\u06cc\u062f\u0647:<\/strong> \u0633\u0631\u0639\u062a \u0633\u0627\u062e\u062a \u0631\u0627 \u0628\u0647 \u062e\u0635\u0648\u0635 \u062f\u0631 \u062e\u0637\u0648\u0637 \u0644\u0648\u0644\u0647 CI\/CD \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p><strong>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>--skipLibCheck<\/code><\/strong><br \/>\u0627\u06af\u0631 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0646\u0648\u0639 \u0622\u0646\u200c\u0647\u0627 \u0635\u0631\u0641\u0646\u0638\u0631 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"skipLibCheck\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0686\u0631\u0627:<\/strong> \u0628\u0627 \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u0648\u0639 \u0628\u0633\u062a\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc\u060c \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"2_%D8%A7%D8%B3%D8%AA%D9%86%D8%AA%D8%A7%D8%AC_%D9%86%D9%88%D8%B9_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87\"><\/span>\n<p> 2. \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0646\u0648\u0639 TypeScript \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0645 \u06cc\u06a9 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0648 \u0647\u0645 \u06cc\u06a9 \u0641\u0627\u062c\u0639\u0647 \u0628\u0627\u0634\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0635\u0631\u06cc\u062d \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0631\u0639\u062a \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u062f \u0648 \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0647\u0645 \u0628\u0631\u06cc\u0632\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">numbers<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"mi\">1<\/span><span class=\"p\">,<\/span> <span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"mi\">3<\/span><span class=\"p\">,<\/span> <span class=\"mi\">4<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ TypeScript infers `number[]`<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">sum<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">numbers<\/span><span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">acc<\/span><span class=\"p\">,<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"nx\">acc<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">curr<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">);<\/span> <span class=\"c1\">\/\/ Infers `number`<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0627\u0646\u0648\u0627\u0639 \u0628\u0647 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06a9\u0646\u06cc\u062f\u060c \u0645\u06af\u0631 \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0634\u062e\u0635 \u0634\u0648\u062f.<\/li>\n<\/ul>\n<p><strong>\u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627 \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0646\u0627\u062e\u062a\u06cc \u0648 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u062a\u062f\u0648\u06cc\u0646\u060c \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Overly complex<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedArray<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span><span class=\"p\">[];<\/span>\n\n<span class=\"c1\">\/\/ Simplified for specific cases<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">NestedNumberArray<\/span> <span class=\"o\">=<\/span> <span class=\"kr\">number<\/span> <span class=\"o\">|<\/span> <span class=\"nx\">NestedNumberArray<\/span><span class=\"p\">[];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"3_%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87_%D8%A7%D8%B2_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1\"><\/span>\n<p> 3. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>TypeScript \u0627\u0646\u0648\u0627\u0639 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f <code>Pick<\/code>\u060c <code>Omit<\/code>\u060c <code>Partial<\/code>\u060c \u0648 <code>Required<\/code>. \u0627\u06cc\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f \u0634\u0645\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u0646\u062f.<\/p>\n<p><strong>\u0645\u062b\u0627\u0644:<\/strong> \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>Omit<\/code><br \/>\u0628\u0647 \u062c\u0627\u06cc \u062d\u0630\u0641 \u062f\u0633\u062a\u06cc \u062e\u0648\u0627\u0635:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">User<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">id<\/span><span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">name<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n <span class=\"nl\">email<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">};<\/span>\n<span class=\"kd\">type<\/span> <span class=\"nx\">UserWithoutEmail<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Omit<\/span><span class=\"o\"><<\/span><span class=\"nx\">User<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">email<\/span><span class=\"dl\">'<\/span><span class=\"o\">><\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0639\u0645\u0644\u06a9\u0631\u062f:<\/strong> \u06a9\u062f\u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0648 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"4_%D9%84%D8%B1%D8%B2%D8%B4_%D8%AF%D8%B1%D8%AE%D8%AA_%D8%A8%D8%A7_TypeScript\"><\/span>\n<p> 4. \u0644\u0631\u0632\u0634 \u062f\u0631\u062e\u062a \u0628\u0627 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062a\u06a9\u0627\u0646 \u062f\u0627\u062f\u0646 \u062f\u0631\u062e\u062a \u06a9\u062f\u0647\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0634\u062f\u0647 \u0631\u0627 \u062f\u0631 \u0637\u0648\u0644 \u0641\u0631\u0622\u06cc\u0646\u062f \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u062d\u0630\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u0632 \u062e\u0631\u0648\u062c\u06cc \u0645\u0627\u0698\u0648\u0644 ES TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f (<code>\"module\": \"ESNext\"<\/code>) \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f Webpack \u06cc\u0627 Rollup.<\/p>\n<p><strong>\u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"ESNext\"<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0686\u0631\u0627:<\/strong> \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0627\u0646\u062f\u0644\u0631\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u06a9\u062f\u0647\u0627\u06cc \u0645\u0631\u062f\u0647 \u0631\u0627 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u062d\u0630\u0641 \u06a9\u0646\u0646\u062f \u0648 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"5_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B9%D9%85%D9%84%DA%A9%D8%B1%D8%AF_%D8%B2%D9%85%D8%A7%D9%86_%D8%A7%D8%AC%D8%B1%D8%A7\"><\/span>\n<p> 5. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 TypeScript \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0632\u0645\u0627\u0646 \u06a9\u0627\u0645\u067e\u0627\u06cc\u0644 \u0627\u0633\u062a\u060c \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0622\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u063a\u06cc\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u062a\u0623\u062b\u06cc\u0631 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<p><strong>\u0627\u0632 \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0646\u0648\u0639 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f<\/strong><br \/>\u062a\u0627\u06cc\u067e \u0627\u0638\u0647\u0627\u0631\u0627\u062a (<code>as<\/code> \u06cc\u0627 <code><type\/><\/code>) \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06cc\u0627 \u0633\u0648\u0621 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0632\u0645\u0627\u0646 \u0627\u062c\u0631\u0627 \u0634\u0648\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"c1\">\/\/ Risky<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">someValue<\/span><span class=\"p\">:<\/span> <span class=\"kr\">any<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">hello<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">stringLength<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">someValue<\/span> <span class=\"k\">as<\/span> <span class=\"kr\">string<\/span><span class=\"p\">).<\/span><span class=\"nx\">length<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ Unsafe<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>\n<strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0645\u0646\u06cc \u0627\u0632 \u0645\u062d\u0627\u0641\u0638 \u0647\u0627\u06cc \u0646\u0648\u0639 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:\n<\/li>\n<\/ul>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">isString<\/span><span class=\"p\">(<\/span><span class=\"nx\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">unknown<\/span><span class=\"p\">):<\/span> <span class=\"nx\">value<\/span> <span class=\"k\">is<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"k\">typeof<\/span> <span class=\"nx\">value<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">string<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0646\u0627\u067e\u0630\u06cc\u0631\u06cc<\/strong><br \/>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>Readonly<\/code> \u0628\u0631\u0627\u06cc \u0627\u0639\u0645\u0627\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u0646\u0627\u067e\u0630\u06cc\u0631\u06cc\u060c \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0639\u0648\u0627\u0631\u0636 \u062c\u0627\u0646\u0628\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight plaintext\"><code>const config: Readonly<{ port: number; debug: boolean }> = {\n port: 3000,\n debug: true,\n};\n\n\/\/ config.port = 4000; \/\/ Error\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"6_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D8%AD%D8%A7%D9%81%D8%B8%D9%87\"><\/span>\n<p> 6. \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u062d\u0627\u0641\u0638\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af TypeScript \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0645\u0635\u0631\u0641 \u062d\u0627\u0641\u0638\u0647 \u0632\u06cc\u0627\u062f \u0631\u0646\u062c \u0628\u0628\u0631\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u062f\u0647\u06cc\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0645\u062d\u062f\u0648\u062f\u0647 \u0646\u0648\u0639 \u0645\u062d\u062f\u0648\u062f:<\/strong> \u0627\u0632 \u0627\u0646\u0648\u0627\u0639 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u06af\u0633\u062a\u0631\u062f\u0647 \u06cc\u0627 \u0639\u0645\u0648\u0645\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0633\u062a\u0646\u062a\u0627\u062c \u0639\u0645\u06cc\u0642 \u062f\u0627\u0631\u0646\u062f \u0627\u062c\u062a\u0646\u0627\u0628 \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0645\u062f\u0648\u0644\u0627\u0631 \u06a9\u0631\u062f\u0646:<\/strong> \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0631\u0627 \u0628\u0647 \u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u062a\u0631 \u0648 \u0645\u062a\u0645\u0631\u06a9\u0632 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"7_%D8%A7%D8%B4%DA%A9%D8%A7%D9%84_%D8%B2%D8%AF%D8%A7%DB%8C%DB%8C_%D9%88_%D9%BE%D8%B1%D9%88%D9%81%D8%A7%DB%8C%D9%84\"><\/span>\n<p> 7. \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u067e\u0631\u0648\u0641\u0627\u06cc\u0644<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u0627\u0639\u062a \u0647\u0627 \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0627\u0632 TypeScript \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <code>sourceMap<\/code> \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0628\u0631\u0627\u06cc \u0646\u06af\u0627\u0634\u062a \u0648\u0627\u0636\u062d \u0628\u06cc\u0646 TS \u0648 JS \u062f\u0631 \u062d\u06cc\u0646 \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"p\">{<\/span><span class=\"w\">\n <\/span><span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"kc\">true<\/span><span class=\"w\">\n <\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"8_%D9%88%DB%8C%DA%98%DA%AF%DB%8C_%D9%87%D8%A7%DB%8C_%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA%D9%87_TypeScript\"><\/span>\n<p> 8. \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 TypeScript<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u0645\u0634\u0631\u0648\u0637<\/strong><br \/>\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0637\u0642 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0631\u0627\u06cc\u0637:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"nx\">T<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"nx\">T<\/span> <span class=\"kd\">extends<\/span> <span class=\"kr\">string<\/span> <span class=\"p\">?<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span> <span class=\"p\">:<\/span> <span class=\"kr\">number<\/span><span class=\"p\">[];<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">example<\/span><span class=\"p\">:<\/span> <span class=\"nx\">Result<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">a<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">b<\/span><span class=\"dl\">\"<\/span><span class=\"p\">];<\/span> <span class=\"c1\">\/\/ Inferred as string[]<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0627\u0646\u0648\u0627\u0639 \u062a\u062d\u062a \u0627\u0644\u0644\u0641\u0638\u06cc \u0627\u0644\u06af\u0648<\/strong><br \/>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u06cc\u0645\u0646\u06cc \u0646\u0648\u0639 \u0628\u0627 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0631\u0634\u062a\u0647 \u067e\u0648\u06cc\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">type<\/span> <span class=\"nx\">EventName<\/span> <span class=\"o\">=<\/span> <span class=\"s2\">`on<\/span><span class=\"p\">${<\/span><span class=\"nb\">Capitalize<\/span><span class=\"o\"><<\/span><span class=\"kr\">string<\/span><span class=\"o\">><\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"9_%D9%86%DA%A9%D8%A7%D8%AA_%D9%88_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7\"><\/span>\n<p> 9. \u0646\u06a9\u0627\u062a \u0648 \u062a\u0631\u0641\u0646\u062f\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<strong>\u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0646 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0628\u0647 \u0627\u0646\u0648\u0627\u0639<\/strong> \u0628\u0631\u0627\u06cc \u062a\u0639\u0627\u0631\u06cc\u0641 \u0634\u06cc\u0621 \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646\u060c \u0632\u06cc\u0631\u0627 \u0631\u0627\u0628\u0637 \u0647\u0627 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u0642\u0627\u0628\u0644 \u06af\u0633\u062a\u0631\u0634 \u0647\u0633\u062a\u0646\u062f.<\/li>\n<li>\n<strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Lazy Loading:<\/strong> \u0627\u0646\u0648\u0627\u0639 \u0631\u0627 \u0628\u0647 \u0641\u0627\u06cc\u0644 \u0647\u0627\u06cc \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/li>\n<li>\n<strong>\u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u06cc:<\/strong> \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062e\u0627\u0635 TypeScript \u0645\u0627\u0646\u0646\u062f <code>ts-prune<\/code> \u0628\u0631\u0627\u06cc \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0635\u0627\u062f\u0631\u0627\u062a \u0628\u0644\u0627\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u0645\u06cc\u0632 \u0646\u06af\u0647 \u062f\u0627\u0634\u062a\u0646 \u06a9\u062f \u062e\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D8%AF%D8%A7%D9%85%D9%87_%D9%85%D8%B7%D9%84%D8%A8\"><\/span>\n<p> \u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<hr\/>\n<p>\u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u0646: https:\/\/shafayeat.zya.me<\/p>\n<hr\/>\n<p>\u06a9\u0644\u0648\u0646\u0648\u067e\u06cc\u0646 \u0646\u062f\u0627\u0631\u06cc\u062f\u061f \u0622\u0645\u0627\u062a\u0648\u0631\u0647\u0627…\ud83d\ude00\ud83d\ude00<\/p>\n<p><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u062f\u0631 \u0642\u0644\u0645\u0631\u0648 TypeScript\u060c \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0642\u0637 \u0628\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u062f \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u0646\u0648\u0634\u062a\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u0642\u0648\u06cc\u060c \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0632\u0645\u0648\u0646 \u0632\u0645\u0627\u0646 \u0645\u0642\u0627\u0648\u0645\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f TypeScript \u0628\u0627 \u0646\u06a9\u0627\u062a\u060c \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0645\u06cc\u200c\u067e\u0631\u062f\u0627\u0632\u062f \u062a\u0627 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u0634\u0648\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc …<\/p>\n","protected":false},"author":2,"featured_media":86230,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-86229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=86229"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/86229\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/86230"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=86229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=86229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=86229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}