{"id":348375,"date":"2023-06-04T21:01:21","date_gmt":"2023-06-04T21:01:21","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=348375"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=348375","title":{"rendered":"<span>10 \u0441\u043e\u0432\u0435\u0442\u043e\u0432 \u043f\u043e TypeScript \u0434\u043b\u044f \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0432 \u043c\u0430\u043d\u0435\u0440\u0435 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u043c\u0438\u0444\u043e\u0432<\/span>"},"content":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<h3>1. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u0430\u043c\u043f\u0430 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 nullish coalescing \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440)<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9de\/14a\/cb4\/9de14acb47a4c6855f53c5a85da9d4fd.png\" width=\"1024\" height=\"1024\"><\/figure>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u0430\u043c\u043f\u0430 \u0447\u0430\u0441\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u043c \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u044b\u0445 \u0431\u043e\u0433\u0430\u0442\u0441\u0442\u0432 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439. \u0412 TypeScript, \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440 nullish coalescing (<code>??<\/code>) \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043e\u043d\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f null \u0438\u043b\u0438 undefined.<\/p>\n<pre><code class=\"typescript\">let value = null; let defaultValue = \"default\"; let result = value ?? defaultValue; \/\/ result = \"default\"<\/code><\/pre>\n<h3>2. \u0417\u043e\u043b\u043e\u0442\u043e\u0435 \u044f\u0431\u043b\u043e\u043a\u043e (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 optional chaining)<\/h3>\n<p>\u0417\u043e\u043b\u043e\u0442\u044b\u0435 \u044f\u0431\u043b\u043e\u043a\u0438 \u0432 \u0440\u0443\u0441\u0441\u043a\u043e\u0439 \u043c\u0438\u0444\u043e\u043b\u043e\u0433\u0438\u0438 \u0447\u0430\u0441\u0442\u043e \u043e\u043b\u0438\u0446\u0435\u0442\u0432\u043e\u0440\u044f\u044e\u0442 \u043d\u0435\u0447\u0442\u043e \u0436\u0435\u043b\u0430\u0435\u043c\u043e\u0435 \u0438 \u0446\u0435\u043d\u043d\u043e\u0435. \u0412 TypeScript, optional chaining (<code>?.<\/code>) &#8212; \u044d\u0442\u043e &#171;\u0437\u043e\u043b\u043e\u0442\u043e\u0435 \u044f\u0431\u043b\u043e\u043a\u043e&#187;, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.<\/p>\n<pre><code class=\"typescript\">let user = { name: \"Ivan\", address: { city: \"Moscow\" } }; let city = user?.address?.city; \/\/ city = \"Moscow\"<\/code><\/pre>\n<h3>3. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 mapped types)<\/h3>\n<p>\u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043b\u044e\u0431\u0443\u044e \u0434\u0432\u0435\u0440\u044c. Mapped types \u0432 TypeScript &#8212; \u044d\u0442\u043e \u0432\u0430\u0448 &#171;\u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043a\u043b\u044e\u0447&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0442\u0438\u043f\u044b \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0441\u0442\u0430\u0440\u044b\u0445.<\/p>\n<pre><code class=\"typescript\">type ReadOnly&lt;T&gt; = {   readonly [P in keyof T]: T[P]; }<\/code><\/pre>\n<h3>4. \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u0433\u0443\u0441\u044c (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0435 \u0442\u0438\u043f\u044b)<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/d83\/3bc\/af7\/d833bcaf7d1f32afdd89271972856710.png\" width=\"1024\" height=\"1024\"><\/figure>\n<p>\u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u0433\u0443\u0441\u044c \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u043c \u0431\u043e\u0433\u0430\u0442\u0441\u0442\u0432\u0430. \u0412 TypeScript \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0435 \u0442\u0438\u043f\u044b &#8212; \u044d\u0442\u043e \u0432\u0430\u0448 &#171;\u0437\u043e\u043b\u043e\u0442\u043e\u0439 \u0433\u0443\u0441\u044c&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u0431\u043e\u0433\u0430\u0442\u0441\u0442\u0432\u043e \u0442\u0438\u043f\u043e\u0432.<\/p>\n<pre><code class=\"typescript\">type IsNumber&lt;T&gt; = T extends number ? \"yes\" : \"no\"; type T1 = IsNumber&lt;string&gt;; \/\/ \"no\"<\/code><\/pre>\n<h3>5. \u041a\u043e\u0432\u0435\u0440-\u0441\u0430\u043c\u043e\u043b\u0435\u0442 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 Enum \u0434\u043b\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439)<\/h3>\n<p>\u041a\u0430\u043a \u043a\u043e\u0432\u0435\u0440-\u0441\u0430\u043c\u043e\u043b\u0435\u0442 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445, Enum \u0432 TypeScript \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440\u044b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439, \u0434\u0435\u043b\u0430\u044f \u0438\u0445 \u043b\u0435\u0433\u043a\u043e \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c\u044b\u043c\u0438 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u043c\u0438.<\/p>\n<pre><code class=\"typescript\">enum Color {     Red,     Green,     Blue, } let c: Color = Color.Green;<\/code><\/pre>\n<h3>6. \u0416\u0430\u0440-\u043f\u0442\u0438\u0446\u0430 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 async\/await \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438)<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/8b0\/066\/a7e\/8b0066a7e0364cda7befa03b4d835db1.png\" width=\"1024\" height=\"1024\"><\/figure>\n<p>\u0416\u0430\u0440-\u043f\u0442\u0438\u0446\u0430 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u043b\u0430 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u043c \u0447\u0435\u0433\u043e-\u0442\u043e \u043d\u0435\u0434\u043e\u0441\u0442\u0438\u0436\u0438\u043c\u043e\u0433\u043e \u0438 \u0442\u0430\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e. \u0412 TypeScript \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0442\u0430\u043a\u0438\u043c\u0438 \u0436\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u043c\u0438 \u0438 \u043d\u0435\u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u044b\u043c\u0438, \u0435\u0441\u043b\u0438 \u0438\u0445 \u043d\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 async\/await \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u043b\u0435\u0433\u043a\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\n<pre><code class=\"typescript\">async function getBirdData() {     const response = await fetch('https:\/\/api.example.com\/birds');     const data = await response.json();     console.log(data); }<\/code><\/pre>\n<h3>7. \u0411\u043e\u0433\u0430\u0442\u044b\u0440\u0441\u043a\u0438\u0439 \u0434\u043e\u0441\u043f\u0435\u0445 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432)<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/e71\/fab\/bc4\/e71fabbc483dd303b771f95783c892af.png\" width=\"1024\" height=\"1024\"><\/figure>\n<p>\u0411\u043e\u0433\u0430\u0442\u044b\u0440\u0441\u043a\u0438\u0439 \u0434\u043e\u0441\u043f\u0435\u0445 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u0441\u0435\u0433\u0434\u0430 \u0437\u0430\u0449\u0438\u0449\u0430\u043b \u0433\u0435\u0440\u043e\u044f \u043e\u0442 \u0432\u0440\u0430\u0436\u0435\u0441\u043a\u0438\u0445 \u0443\u0434\u0430\u0440\u043e\u0432. \u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0432 TypeScript &#8212; \u044d\u0442\u043e \u0432\u0430\u0448 &#171;\u0434\u043e\u0441\u043f\u0435\u0445&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0432\u0430\u0448 \u043a\u043e\u0434 \u043e\u0442 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.<\/p>\n<pre><code class=\"typescript\">interface Bird {     name: string;     fly(): void; }<\/code><\/pre>\n<h3>8. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u0441\u0438\u043b\u0430 \u0441\u043b\u043e\u0432 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043b\u0438\u0442\u0435\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438)<\/h3>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u043e\u0439 \u043c\u0438\u0444\u043e\u043b\u043e\u0433\u0438\u0438 \u0441\u043b\u043e\u0432\u0430 \u0438\u043c\u0435\u044e\u0442 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0443\u044e \u0441\u0438\u043b\u0443. \u0412 TypeScript \u043b\u0438\u0442\u0435\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u0438 \u0441\u0438\u043b\u0443, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044f \u0432\u0430\u043c \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043d\u044f\u0442\u044b.<\/p>\n<pre><code class=\"typescript\">type CardinalDirection = \"North\" | \"East\" | \"South\" | \"West\"; let direction: CardinalDirection = \"North\";<\/code><\/pre>\n<h3>9. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u043e\u0448\u0430\u0434\u044c (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 Generics \u0434\u043b\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430)<\/h3>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u043e\u0448\u0430\u0434\u044c \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u0430 \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u0433\u0435\u0440\u043e\u044e \u0432 \u043d\u0443\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. Generics \u0432 TypeScript &#8212; \u044d\u0442\u043e \u0432\u0430\u0448\u0430 &#171;\u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u043e\u0448\u0430\u0434\u044c&#187;, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043a\u043e\u0434\u0430.<\/p>\n<pre><code class=\"typescript\">class ArrayContainer&lt;T&gt; {     private array: T[];      constructor() {         this.array = [];     }      add(item: T): void {         this.array.push(item);     } }<\/code><\/pre>\n<h3>10. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u0441\u043b\u043e\u0432\u0430 (\u0421\u043e\u0432\u0435\u0442: \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 TypeScript \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e tsconfig.json)<\/h3>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u0441\u043b\u043e\u0432\u0430 \u043c\u043e\u0433\u043b\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043b\u044e\u0431\u044b\u0435 \u0434\u0432\u0435\u0440\u0438. \u0412 TypeScript \u0432\u0430\u0448\u0438\u043c &#171;\u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c \u0441\u043b\u043e\u0432\u043e\u043c&#187; \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0444\u0430\u0439\u043b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 tsconfig.json, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 TypeScript \u043f\u043e\u0434 \u0432\u0430\u0448\u0438 \u043d\u0443\u0436\u0434\u044b.<\/p>\n<pre><code class=\"json\">{     \"compilerOptions\": {         \"outDir\": \".\/dist\",         \"sourceMap\": true,         \"strict\": true,         \"moduleResolution\": \"node\",        \"esModuleInterop\": true,     } }<\/code><\/pre>\n<h3>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h3>\n<p>\u0422\u0430\u043a \u043a\u0430\u043a \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u043c\u0438\u0444\u0430\u0445, \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u043e\u0432\u0435\u0442 \u0437\u0434\u0435\u0441\u044c \u0438\u043c\u0435\u0435\u0442 \u0441\u0432\u043e\u044e \u043c\u0443\u0434\u0440\u043e\u0441\u0442\u044c \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c. \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u043e\u043d\u0438 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0438\u0441\u043a\u0443\u0441\u043d\u044b\u043c \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c TypeScript. \u0423\u0434\u0430\u0447\u0438 \u0432\u0430\u043c \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0438 \u043f\u043e \u043c\u0438\u0440\u0443 TypeScript!<\/p>\n<\/div>\n<\/div>\n<p> <!----> <!----><\/div>\n<p> <!----> <!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/739730\/\"> https:\/\/habr.com\/ru\/articles\/739730\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<h3>1. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u0430\u043c\u043f\u0430 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 nullish coalescing \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440)<\/h3>\n<figure class=\"full-width\"><\/figure>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u0430\u043c\u043f\u0430 \u0447\u0430\u0441\u0442\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u043c \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u044b\u0445 \u0431\u043e\u0433\u0430\u0442\u0441\u0442\u0432 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439. \u0412 TypeScript, \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440 nullish coalescing (<code>??<\/code>) \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043e\u043d\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f null \u0438\u043b\u0438 undefined.<\/p>\n<pre><code class=\"typescript\">let value = null; let defaultValue = \"default\"; let result = value ?? defaultValue; \/\/ result = \"default\"<\/code><\/pre>\n<h3>2. \u0417\u043e\u043b\u043e\u0442\u043e\u0435 \u044f\u0431\u043b\u043e\u043a\u043e (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 optional chaining)<\/h3>\n<p>\u0417\u043e\u043b\u043e\u0442\u044b\u0435 \u044f\u0431\u043b\u043e\u043a\u0438 \u0432 \u0440\u0443\u0441\u0441\u043a\u043e\u0439 \u043c\u0438\u0444\u043e\u043b\u043e\u0433\u0438\u0438 \u0447\u0430\u0441\u0442\u043e \u043e\u043b\u0438\u0446\u0435\u0442\u0432\u043e\u0440\u044f\u044e\u0442 \u043d\u0435\u0447\u0442\u043e \u0436\u0435\u043b\u0430\u0435\u043c\u043e\u0435 \u0438 \u0446\u0435\u043d\u043d\u043e\u0435. \u0412 TypeScript, optional chaining (<code>?.<\/code>) &#8212; \u044d\u0442\u043e &#171;\u0437\u043e\u043b\u043e\u0442\u043e\u0435 \u044f\u0431\u043b\u043e\u043a\u043e&#187;, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.<\/p>\n<pre><code class=\"typescript\">let user = { name: \"Ivan\", address: { city: \"Moscow\" } }; let city = user?.address?.city; \/\/ city = \"Moscow\"<\/code><\/pre>\n<h3>3. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 mapped types)<\/h3>\n<p>\u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u043b\u044e\u0431\u0443\u044e \u0434\u0432\u0435\u0440\u044c. Mapped types \u0432 TypeScript &#8212; \u044d\u0442\u043e \u0432\u0430\u0448 &#171;\u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0439 \u043a\u043b\u044e\u0447&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0442\u0438\u043f\u044b \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0441\u0442\u0430\u0440\u044b\u0445.<\/p>\n<pre><code class=\"typescript\">type ReadOnly&lt;T&gt; = {   readonly [P in keyof T]: T[P]; }<\/code><\/pre>\n<h3>4. \u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u0433\u0443\u0441\u044c (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0435 \u0442\u0438\u043f\u044b)<\/h3>\n<figure class=\"full-width\"><\/figure>\n<p>\u0417\u043e\u043b\u043e\u0442\u043e\u0439 \u0433\u0443\u0441\u044c \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u043c \u0431\u043e\u0433\u0430\u0442\u0441\u0442\u0432\u0430. \u0412 TypeScript \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0435 \u0442\u0438\u043f\u044b &#8212; \u044d\u0442\u043e \u0432\u0430\u0448 &#171;\u0437\u043e\u043b\u043e\u0442\u043e\u0439 \u0433\u0443\u0441\u044c&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u0431\u043e\u0433\u0430\u0442\u0441\u0442\u0432\u043e \u0442\u0438\u043f\u043e\u0432.<\/p>\n<pre><code class=\"typescript\">type IsNumber&lt;T&gt; = T extends number ? \"yes\" : \"no\"; type T1 = IsNumber&lt;string&gt;; \/\/ \"no\"<\/code><\/pre>\n<h3>5. \u041a\u043e\u0432\u0435\u0440-\u0441\u0430\u043c\u043e\u043b\u0435\u0442 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 Enum \u0434\u043b\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430\u0431\u043e\u0440\u043e\u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439)<\/h3>\n<p>\u041a\u0430\u043a \u043a\u043e\u0432\u0435\u0440-\u0441\u0430\u043c\u043e\u043b\u0435\u0442 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445, Enum \u0432 TypeScript \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440\u044b \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439, \u0434\u0435\u043b\u0430\u044f \u0438\u0445 \u043b\u0435\u0433\u043a\u043e \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c\u044b\u043c\u0438 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c\u044b\u043c\u0438.<\/p>\n<pre><code class=\"typescript\">enum Color {     Red,     Green,     Blue, } let c: Color = Color.Green;<\/code><\/pre>\n<h3>6. \u0416\u0430\u0440-\u043f\u0442\u0438\u0446\u0430 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 async\/await \u0434\u043b\u044f \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u043c\u0438 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u044f\u043c\u0438)<\/h3>\n<figure class=\"full-width\"><\/figure>\n<p>\u0416\u0430\u0440-\u043f\u0442\u0438\u0446\u0430 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u044b\u043b\u0430 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u043c \u0447\u0435\u0433\u043e-\u0442\u043e \u043d\u0435\u0434\u043e\u0441\u0442\u0438\u0436\u0438\u043c\u043e\u0433\u043e \u0438 \u0442\u0430\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e. \u0412 TypeScript \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0442\u0430\u043a\u0438\u043c\u0438 \u0436\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u043c\u0438 \u0438 \u043d\u0435\u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u044b\u043c\u0438, \u0435\u0441\u043b\u0438 \u0438\u0445 \u043d\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 async\/await \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u0432\u0430\u043c \u043b\u0435\u0433\u043a\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\n<pre><code class=\"typescript\">async function getBirdData() {     const response = await fetch('https:\/\/api.example.com\/birds');     const data = await response.json();     console.log(data); }<\/code><\/pre>\n<h3>7. \u0411\u043e\u0433\u0430\u0442\u044b\u0440\u0441\u043a\u0438\u0439 \u0434\u043e\u0441\u043f\u0435\u0445 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432)<\/h3>\n<figure class=\"full-width\"><\/figure>\n<p>\u0411\u043e\u0433\u0430\u0442\u044b\u0440\u0441\u043a\u0438\u0439 \u0434\u043e\u0441\u043f\u0435\u0445 \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u0441\u0435\u0433\u0434\u0430 \u0437\u0430\u0449\u0438\u0449\u0430\u043b \u0433\u0435\u0440\u043e\u044f \u043e\u0442 \u0432\u0440\u0430\u0436\u0435\u0441\u043a\u0438\u0445 \u0443\u0434\u0430\u0440\u043e\u0432. \u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b \u0432 TypeScript &#8212; \u044d\u0442\u043e \u0432\u0430\u0448 &#171;\u0434\u043e\u0441\u043f\u0435\u0445&#187;, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u0449\u0438\u0449\u0430\u0435\u0442 \u0432\u0430\u0448 \u043a\u043e\u0434 \u043e\u0442 \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432.<\/p>\n<pre><code class=\"typescript\">interface Bird {     name: string;     fly(): void; }<\/code><\/pre>\n<h3>8. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u0441\u0438\u043b\u0430 \u0441\u043b\u043e\u0432 (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043b\u0438\u0442\u0435\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0434\u043b\u044f \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u0438)<\/h3>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u043e\u0439 \u043c\u0438\u0444\u043e\u043b\u043e\u0433\u0438\u0438 \u0441\u043b\u043e\u0432\u0430 \u0438\u043c\u0435\u044e\u0442 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0443\u044e \u0441\u0438\u043b\u0443. \u0412 TypeScript \u043b\u0438\u0442\u0435\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c \u0438 \u0441\u0438\u043b\u0443, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044f \u0432\u0430\u043c \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043d\u044f\u0442\u044b.<\/p>\n<pre><code class=\"typescript\">type CardinalDirection = \"North\" | \"East\" | \"South\" | \"West\"; let direction: CardinalDirection = \"North\";<\/code><\/pre>\n<h3>9. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u043e\u0448\u0430\u0434\u044c (\u0421\u043e\u0432\u0435\u0442: \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 Generics \u0434\u043b\u044f \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430)<\/h3>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u043e\u0448\u0430\u0434\u044c \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u0430 \u043d\u0430 \u043f\u043e\u043c\u043e\u0449\u044c \u0433\u0435\u0440\u043e\u044e \u0432 \u043d\u0443\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442. Generics \u0432 TypeScript &#8212; \u044d\u0442\u043e \u0432\u0430\u0448\u0430 &#171;\u0432\u043e\u043b\u0448\u0435\u0431\u043d\u0430\u044f \u043b\u043e\u0448\u0430\u0434\u044c&#187;, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043a\u043e\u0434\u0430.<\/p>\n<pre><code class=\"typescript\">class ArrayContainer&lt;T&gt; {     private array: T[];      constructor() {         this.array = [];     }      add(item: T): void {         this.array.push(item);     } }<\/code><\/pre>\n<h3>10. \u0412\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u0441\u043b\u043e\u0432\u0430 (\u0421\u043e\u0432\u0435\u0442: \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 TypeScript \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e tsconfig.json)<\/h3>\n<p>\u0412 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u0441\u043a\u0430\u0437\u043a\u0430\u0445 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u0435 \u0441\u043b\u043e\u0432\u0430 \u043c\u043e\u0433\u043b\u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u043b\u044e\u0431\u044b\u0435 \u0434\u0432\u0435\u0440\u0438. \u0412 TypeScript \u0432\u0430\u0448\u0438\u043c &#171;\u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c \u0441\u043b\u043e\u0432\u043e\u043c&#187; \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0444\u0430\u0439\u043b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 tsconfig.json, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0432\u0430\u043c \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0442\u043e\u0440 TypeScript \u043f\u043e\u0434 \u0432\u0430\u0448\u0438 \u043d\u0443\u0436\u0434\u044b.<\/p>\n<pre><code class=\"json\">{     \"compilerOptions\": {         \"outDir\": \".\/dist\",         \"sourceMap\": true,         \"strict\": true,         \"moduleResolution\": \"node\",        \"esModuleInterop\": true,     } }<\/code><\/pre>\n<h3>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h3>\n<p>\u0422\u0430\u043a \u043a\u0430\u043a \u0432 \u0440\u0443\u0441\u0441\u043a\u0438\u0445 \u043c\u0438\u0444\u0430\u0445, \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u043e\u0432\u0435\u0442 \u0437\u0434\u0435\u0441\u044c \u0438\u043c\u0435\u0435\u0442 \u0441\u0432\u043e\u044e \u043c\u0443\u0434\u0440\u043e\u0441\u0442\u044c \u0438 \u0446\u0435\u043d\u043d\u043e\u0441\u0442\u044c. \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u043e\u043d\u0438 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u0441\u0442\u0430\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0438\u0441\u043a\u0443\u0441\u043d\u044b\u043c \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c TypeScript. \u0423\u0434\u0430\u0447\u0438 \u0432\u0430\u043c \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0438 \u043f\u043e \u043c\u0438\u0440\u0443 TypeScript!<\/p>\n<\/div>\n<\/div>\n<p> <!----> <!----><\/div>\n<p> <!----> <!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/739730\/\"> https:\/\/habr.com\/ru\/articles\/739730\/<\/a><br \/><\/br><\/br><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-348375","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/348375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=348375"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/348375\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=348375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=348375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=348375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}