{"id":322821,"date":"2021-05-10T03:00:14","date_gmt":"2021-05-10T03:00:14","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=322821"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=322821","title":{"rendered":"Advanced Typed Get"},"content":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\">\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/31b\/e77\/19f\/31be7719fa6efcd63413eea3a79b78fb.png\" width=\"630\" height=\"388\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0435 \u0442\u0430\u043a \u0434\u0430\u0432\u043d\u043e \u044f \u0440\u0430\u0441\u043a\u043e\u043f\u0430\u043b \u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u043e\u0440\u0430\u0445 GitHub \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439&nbsp;<a href=\"https:\/\/github.com\/type-challenges\/type-challenges\" rel=\"noopener noreferrer nofollow\">type-challenges<\/a>. \u0423 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0446\u0435\u043b\u044b\u0439 \u0431\u043b\u043e\u0433, \u0433\u0434\u0435 \u044f \u0440\u0435\u0448\u0430\u044e \u0437\u0430\u0434\u0430\u0447\u043a\u0438 \u043e\u0442\u0442\u0443\u0434\u0430, \u043d\u043e \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u043f\u043e\u043f\u044b\u0442\u0430\u044e\u0441\u044c \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e&nbsp;<code>Get<\/code>, \u043d\u043e \u0438 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u0443\u044e \u043e\u0431\u0449\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043f\u043e\u043a\u0430\u0436\u0443 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 production.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c \u0447\u0442\u0435\u043d\u0438\u044f \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u043c\u0438 \u0438\u0437 TypeScript, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u0435 \u0432 \u043a\u043e\u043d\u0435\u0446.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435, \u044d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u043c \u0441\u0442\u0430\u0442\u044c\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c. \u0415\u0441\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, <a href=\"https:\/\/blog.beraliv.dev\/2021-03-26-typed-get\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u0435<\/a>.<\/p>\n<h2>1. \u0411\u0430\u0437\u043e\u0432\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n<p><a href=\"https:\/\/github.com\/type-challenges\/type-challenges\/blob\/master\/questions\/270-hard-typed-get\/README.md\" rel=\"noopener noreferrer nofollow\">\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u0447\u0435\u043b\u043b\u0435\u043d\u0434\u0436<\/a> \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 &#171;\u0441\u043b\u043e\u0436\u043d\u043e\u0435&#187;<\/p>\n<p>\u041f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u0443\u0442\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 (\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u0443\u0442\u0438 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0435)<\/p>\n<p>\u0422\u0430\u043a \u0441 \u0447\u0435\u0433\u043e \u0436\u0435 \u043d\u0430\u0447\u043d\u0435\u043c?<\/p>\n<h3>1.1. \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043a\u043b\u044e\u0447\u0435\u0439<\/h3>\n<p>\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0435\u0441\u043b\u0438 \u0431\u044b \u043c\u044b \u0440\u0435\u0448\u0430\u043b\u0438 \u044d\u0442\u0443 \u0437\u0430\u0434\u0430\u0447\u0443 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/54f\/b8f\/f1e\/54fb8ff1e70cb0c5008f964b5e8da016.png\" width=\"630\" height=\"270\"><figcaption><\/figcaption><\/figure>\n<p>\u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c, \u043a\u0430\u043a \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c&nbsp;<code>keys.reduce<\/code>, \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u043a\u043b\u044e\u0447\u0435\u0439. \u0412 JavaScript \u043d\u0430\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434 <code>split<\/code>. \u0412 TypeScript \u043d\u0430\u043c \u0442\u043e\u0436\u0435 \u043d\u0430\u0434\u043e \u043a\u0430\u043a-\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043b\u044e\u0447\u0435\u0439 \u0438\u0437 \u0441\u0442\u0440\u043e\u043a\u0438.<\/p>\n<p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f TypeScript 4.1, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c&nbsp;<a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-1\/#template-literal-types\" rel=\"noopener noreferrer nofollow\">Template Literal types<\/a>. \u0421 \u0438\u0445 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0442\u043e\u0447\u043a\u0438 \u043c\u0435\u0436\u0434\u0443 \u043a\u043b\u044e\u0447\u0430\u043c\u0438. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0442\u0438\u043f&nbsp;<code>Path<\/code>&nbsp;\u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/a5b\/fb6\/ddc\/a5bfb6ddcc67799b2a8e7f96bd4e2aeb.png\" width=\"630\" height=\"265\"><figcaption><\/figcaption><\/figure>\n<p>\u0412\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e. \u041e\u0434\u043d\u0430\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u043c\u044b \u043f\u043e\u043d\u044f\u043b\u0438, \u0447\u0442\u043e \u0443\u043f\u0443\u0441\u0442\u0438\u043b\u0438 \u0441\u043b\u0443\u0447\u0430\u0439 \u0441 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c (\u0431\u0435\u0437 \u0442\u043e\u0447\u043a\u0438). \u0422\u0435\u0441\u0442\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXKtOyA9ACooAfWcvXL3JOBQAwnAqSnNyDHKDsbWUYAWzAAe3YveigAUQBHAFc4ABstJIJIAGMvPigWdhjIqAByAAFQSABafMQszNIAc0kbNOBGTIpK2Vk66Hy-AJwVM1yC4GRUjMzkPRRKmJIIeoBrXnqwBERK9C0VVfWtnb2kSuN0I6m8iEK59Kyl-eRKgCZzkAFLg6Oqi+P0qWkq-2utw09xmzwWb30lSQ7AgEAE21+EMBJ2RqNBVQx+PB+0hd2MQA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u044d\u0442\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/d1f\/6b9\/52e\/d1f6b952e41ce935e32f08c302e71cae.png\" width=\"630\" height=\"309\"><figcaption><\/figcaption><\/figure>\n<p>\u0422\u0430\u043a \u043b\u0443\u0447\u0448\u0435. \u0422\u0435\u0441\u0442\u044b \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 <a href=\"https:\/\/www.typescriptlang.org\/play?ssl=5&amp;ssc=9&amp;pln=1&amp;pc=1#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXLnxFSlGsNYduvGWYXK1vUwoWWVp2QB6ACooAH0IyKjI3ElgKABhOApJcOj0sKhgwNlGAFswAHt2ePooAFEARwBXOAAbLXKCSABjeL4oFnZCvKgAcgABUEgAWhbEerrSAHNJQOrgRjqKPtlZYegW5NScFTMm1uBkKtq65D0UPsKSCBGAa14RsAREPvQtFSub+8fnpD7jOh3vtmhA2scavVzi9kH0AEw-EACP6vd6qeGIvpaPoogFAjQgw4Q07Q-R9JDsCAQAQPJG4tGfClUrH9WksnEvPHA4xAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h3>1.2. Reducer \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/h3>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043a\u043b\u044e\u0447\u0438, \u043c\u044b \u043d\u0430\u043a\u043e\u043d\u0435\u0446-\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c<code>keys.reduce<\/code>. \u0427\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0442\u0438\u043f&nbsp;<code>GetWithArray<\/code>&nbsp;, \u0438\u043c\u0435\u044f \u0443\u0436\u0435 \u043f\u0443\u0442\u044c \u0432 \u0432\u0438\u0434\u0435 \u043a\u043e\u0440\u0442\u0435\u0436\u0430 <code>K<\/code><\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9ac\/4c7\/436\/9ac4c74361d0c71f151698662d097d66.png\" width=\"630\" height=\"274\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u044e:<\/p>\n<ol>\n<li>\n<p><code>K extends [infer Key, ...infer Rest]<\/code>&nbsp;\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0445\u043e\u0442\u044f \u0431\u044b \u043e\u0434\u0438\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432 \u043a\u043e\u0440\u0442\u0435\u0436\u0435<\/p>\n<\/li>\n<li>\n<p><code>Key extends keyof O<\/code>&nbsp;\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c&nbsp;<code>O[Key]<\/code>&nbsp;\u0438 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u0443\u0440\u043e\u0432\u043d\u044e \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/p>\n<\/li>\n<\/ol>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435&nbsp;(\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 <a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPAPIA0UA0gHxQC85UEAHsBAHYAmAzlANpIsBmETOQghSAOkl9BwgEoQOwALoAoKFAD8IkPSatOUANaiA9vyiE16zbHjI0WXAULcyopaXmKKV9QC4oFggANyErAKDQzBUVAHoAKigAfRTUtNSoABUFYCgAYRwOBWT00qSoeNiVJABbMBNMXIBvKABRAEcAVxwAG1JWhkgAY1yAXyh+TBMaqAByAAFQSABaIdRentYAcwVYzuAkHo5ZmKXobMVCACMAKwgRmigmqwPgTYCAAwBlIamenquOGEQ06immSA4OAOJhYHysbChEE+ACYAAwARgAHMt0ajlqiACxw9Q4faoBoBZ7WQI4GpIqAfdCbBiiKAAISEEAAXnxidYeiYhlCkDDKb5rEMUCBPgBZTosJBrPnqUZWVWqlRnKBCopcWjcKwDYbAfAdbo9fBwRAoDDYPD4C7Aa53EakbizV6bWZKCikb6-Ez-QHA0HAcGQ6Gwii+w2De4ms29S12G2Oe2O53xt2zBHMb2+hlorE4vGEj7R4ix42mrpJq32W1OB05TOung5hS-JBgSP50iRIQVqvxmvm5PWhx2ggZ25Z9uktANWakWYsWkQPsMpmMVkczDc3lD9RGkeJi311NT5uXWdt90L8mYZdzAVC3sryWgTcfOUKpVHto4xGUc6xTScmxnF1gGzB8lw-IE2GfVdOhqK4hE3AdMCHJQgA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>). \u041e\u043f\u044f\u0442\u044c \u043c\u044b \u0437\u0430\u0431\u044b\u043b\u0438 \u0441\u043b\u0443\u0447\u0430\u0439, \u043f\u0440\u0430\u0432\u0434\u0430 \u0443\u0436\u0435 \u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u043f\u0443\u0441\u0442\u043e\u0439 \u043c\u0430\u0441\u0441\u0438\u0432. \u041f\u043e\u0441\u043b\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u0434 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/538\/084\/a4d\/538084a4d21bbc3dbfefd931a73cc212.png\" width=\"630\" height=\"431\"><figcaption><\/figcaption><\/figure>\n<p>\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0432<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPAPIA0UA0gHxQC85UEAHsBAHYAmAzlANoC6AUFCgB+KIUFQAXHUbN2XbkhYAzCJnIQQpAHS6lq9QCUIHYAKFDRZTfSatOUANaaA9srESLI2PGRosuASE3NYgvKTGphSeFtIsEABuajFxicn8APQAVFAA+vkFhQVQAComwFAAwjgcJnlFDblQWRn8SAC2YC6YFQDeUACiAI4ArjgANqQDDJAAxhUAvlDKmC7tUADkAAKgkAC0s6gT46wA5iYZI8BI4xwb-Py70GWmhABGAFYQ8zRQvRLXYAnaQAAwAyrNVuNxm8cOpZiNTGskBwcNcXCwQRI2GiIKCAEwABgAjAAOPbEwl7QkAFixQhwV1Q3Wk-y8LBw7TxUBB6BODBsACE1BAAF5KekWcYuWZopAY1kxISzFAgUEAWRGLCQh0lQgWEgNBse4GgstqXFo3Ak0zmwHwwzG43wcEQKAw2Dw+BewHeX3mpG4G0BJw2vAopHBkJc0Nh8MRwGRqPRmIoEZtM2+9sdExdvndAS9Pr9WcDGxxzDDEZ5RLJFKptJBaeIGbtDtGuddfg9gW95RLAZ45ZMkKQYBTVdI8SSmGbraz7adebd-k9BGLn1LQ8ZaG6G1IGw5XMnPL5jCFIvFqfTQltC5zzq7BbXfdem8HQZ3zMw+820tlE4HiqoAniCmrarqc63pm8yLp2+arr2G7+sAZZfnuQFwmwv6HiM7RvGoJ7Tmoc68EAA\" rel=\"noopener noreferrer nofollow\"> Playground<\/a><\/p>\n<h3>1.3. \u0412\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u0435<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/e61\/81b\/d5a\/e6181bd5afbd43b0c78cee6772575e14.png\" width=\"630\" height=\"270\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c \u0432\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u0438 \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0438\u043c\u0441\u044f, \u0447\u0442\u043e \u0442\u0438\u043f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u043e\u0436\u0438\u0434\u0430\u0435\u0442\u0441\u044f:&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXLnxFSlGsNYduvGWeVrephZZWnZoSCgAcQhgAHVGJABBdnY4EGQAeS0uTBwua2JyKl83KESzSwzCLLsVESd1LR0BCvFJYC8FJWcQTNsqAGteAHsWfLNmlpDwyMQYuITEjxBjLUNgdEHmyxIIADcOZdWNrf9waBGkrRg04NCI6Nj449gEFFOl2QB6ACooAH0v75-v3AaoABhOAUSSfX4Qj5QV7PWSMAC2YB67GAUHoUAAogBHACucAANloMQRIABjVF8KAsdg9eFQADkAAEAhAALSkxAE-GkADmkmeOOAjHxFHpsn2gVQDUSACMAFYQcnYNFmIXAbmWagAZVJNPx+JlcE4pJxUlpjAoCEYPRIcgUZAQEE1ACYAAwARgAHKz3a7Wa6ACx2qBwQWIZGWejLEhweFOmhRbkEXhQABCHAgAC9mMGFPieqSrTbI8sFKTIiBNQBZHEkRgc3NQPhmZvNiXQQugqg4FRmYlk4DIbF4-HII5SqSyhXkrT0tXc+noLTa3U9fWG42m4Dmy1Cm3UdBLvskxWD4cEsehNDS+Wn2cO4iL5dur0+v2Bg9HhT909D3EX8cb2nYB70kXVGDAPcSCfKA1k2dhDw0Y8Bz-EdL0HCdgCnO8GVDJBkQEGM4xg6hE0IFN03YLMc0Q5Df3PUdAMnW8Z1wsMCPzQsoIEctQBIms6wbWjvxPclUIAq9MOw1j6Tw8N2B4o0yEInF4RlDgYLgjhaOMIA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>. \u041e\u0442\u043b\u0438\u0447\u043d\u043e, \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438.<\/p>\n<h2>2. \u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0443\u0442\u0438<\/h2>\n<p>\u041a\u043e\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0448\u044c \u0441 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 production, \u0442\u0435\u0431\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0438\u043b\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442, \u043d\u043e \u043d\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c <code>?<\/code> , <code>null<\/code> \u0438\u043b\u0438<code>undefined<\/code>.<\/p>\n<p>\u0412\u043e\u0437\u044c\u043c\u0435\u043c \u0442\u0430\u043a\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438 \u043f\u043e\u043a\u0440\u043e\u0435\u043c \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0442\u0435\u043a\u0443\u0449\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435:&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXLnxFSlGsNYduvGWeVrephZZWnZoSCgAcQhgAHVGJABBdnY4EGQAeS0uTBwua2JyKl83KESzSwzCLLsVESd1LR0BCvFJYC8FJWcQTNsqAGteAHsWfLNmlpDwyMQYuITEjxBjLUNgdEHmyxIIADcOZdWNrf9waBGkrRg04NCI6Nj449gEFFOl2QB6ACooAH0v75-v3AaoABhOAUSSfX4Qj5QV7PWSMAC2YB67GAUHoUAAogBHACucAANloMQRIABjVF8KAsdg9eFQADkAAEAhAALSkxAE-GkADmkmeOOAjHxFHpsn2gVQDUSACMAFYQcnYNFmIXAbmWagAZVJNPx+JlcE4pJxUlpjAoCEYPRIcgUZAQEE1ACYAAwARgAHKz3a7Wa6ACx2qBwQWIZGWejLEhweFOmhRbkEXhQABCHAgAC9mMGFPieqSrTbI8sFKTIiBNQBZHEkRgc3NQPhmZvNiXQGA0sg48nWkiyhVKnBR+2SXWMMBCm2KSxSdjMHkAblVkQ1UDnC+X9sds+A85IS7MoaQyJnKqGMbju-3h6G+cLU5IZ5HQyg5dA183y2bClb4pZb4gmCOAqGYbxQMQUiAaCVAwmYxJksAyDYni+LIEcUpSAOirAFo9Jqty9LoFo2q6j0+qGsaprAOalqPtQ6DEfBJI4chuIEuhoRoNK8o4XhDrEERJFul6Pp+oGDFMQoCGsShHEYTxg64QyZBjvOk59kJUBrJs7CMRozGIWxqGcUhmHANh5J4ce4bsAIl4QFp1CJoQKbpuwWY5vphmyexaEKVhvFWQyNnIgI95FiQAjviATk1nWDbedJLHksZ8lceZlnKfSoV2YW7BkPZOLwjKHBaTpHBJVA4FgF2PaPtBYJwclRlyf5XGdj03a9jaWV4QRjnEeue4LlVMmpW1pnIJ13WPn1KmOlpG4HmNKVIZNRwzfVfbzfSqkUOOGk2ktI0HlAAA+UC1qpLDMBAZCra1flTVtPX9kF2W5fZsaDVoy08hdV3kBAt1rA9UmYmtaXtUhr1zR91lhmFEWPtFFYnTegPXSDd3gwZLW+SZm11W9u1fflhUkMVpXsFp2Og-d3nGEAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>. \u041a\u0430\u043a \u0438 \u043e\u0436\u0438\u0434\u0430\u043b\u043e\u0441\u044c, TypeScript \u0440\u0443\u0433\u0430\u0435\u0442\u0441\u044f.<\/p>\n<p>\u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u0430. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u0437\u044c\u043c\u0435\u043c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0438 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043c\u0441\u044f:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b8b\/751\/070\/b8b7510700b4ad6fb99128cc2a36ce14.png\" width=\"630\" height=\"821\"><figcaption><\/figcaption><\/figure>\n<p>\u0422\u0435\u043a\u0443\u0449\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u043a\u043b\u044e\u0447 \u0438\u0437 \u043e\u0431\u044a\u0435\u043a\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c&nbsp;<code>undefined<\/code>&nbsp;or&nbsp;<code>null<\/code>. \u041f\u043e\u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u044d\u0442\u043e \u0440\u0435\u0448\u0438\u0442\u044c.<\/p>\n<h3>2.1. \u0423\u0434\u0430\u043b\u044f\u0435\u043c undefined, null \u0438\u043b\u0438 \u043e\u0431\u0430 \u0442\u0438\u043f\u0430 \u0441\u0440\u0430\u0437\u0443<\/h3>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c 3 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u0430:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/7fe\/60f\/1db\/7fe60f1db05ab56f71bd2f7430d31d6a.png\" width=\"630\" height=\"268\"><figcaption><\/figcaption><\/figure>\n<p>\u041c\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0447\u0442\u043e&nbsp;<code>undefined<\/code>&nbsp;\u0438\/\u0438\u043b\u0438&nbsp;<code>null<\/code>&nbsp;\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e union type, \u0438 \u0435\u0441\u043b\u0438 \u0442\u0430\u043a, \u0443\u0434\u0430\u043b\u044f\u0435\u043c \u0438\u0445 \u0438\u0437 \u043d\u0435\u0433\u043e. \u042d\u0442\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 &#171;\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439&#187; \u0447\u0430\u0441\u0442\u044c\u044e.<\/p>\n<p>\u0422\u0435\u0441\u0442\u044b, \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e, \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBAYglgG2BATgVQHYBMIDM4YRYA8AKgHxQC8UpUEAHstgM5QCu2eBRUA-FEIA3VFABctAFCTQkWImQoAcuwQIylGnUbMsbDKoT9BEESnFSZ4aPCSpMOfISwBBbCrUbq8u+i5OiYltFD3UKcmkAegAqKAB9BMSkxNoIFmAoAGEAQxY0+OTCuKhoyMk4AFswAHsUDIBvKABRAEd2bIQAGmaGSABjDIBfKFwUaoqoAHIAAVkIAFo+gAsOhAgMAHM0yPZgRBZJ6TmoPtz8mgBtSSge-uBiVvb1YPt-Hld3Q2IARigAHygACZ-lAAMwgziOd7kbq-AHAgGg8gw663CADB5tDpBBSvKHONxYULESbVQiTEGTYAAd2qFIBVKWKAgEHpgkMMKmZNZlJpdN5TJZk2RnVRTV66Puj2xLz8+KIhOJcKmfLZBjUELezk5yqptOFKJu4rumKeON8Dm4BM+nkhVqInOEqBFYolGOlz1xcvtHyJX3VCEdpmdhrR7qxnotWoVNvUdoCWBBAaDZhdAF0gA\" rel=\"noopener noreferrer nofollow\">Playground<\/a><\/p>\n<h3>2.2. \u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c reducer<\/h3>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0431\u043d\u043e\u0432\u0438\u043c \u0432\u043e\u0442 \u044d\u0442\u0443 \u0432\u0435\u0442\u043a\u0443 <code>GetWithArray<\/code>:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/a45\/36f\/cc1\/a4536fcc1f4d91a71e648c5d280800f9.png\" width=\"630\" height=\"384\"><figcaption><\/figcaption><\/figure>\n<ol>\n<li>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043c, \u0447\u0442\u043e \u043a\u043b\u044e\u0447 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 \u0441 <code>undefined<\/code> \u0438\/\u0438\u043b\u0438 <code>null<\/code> <\/p>\n<\/li>\n<li>\n<p>\u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0433\u043e \u043d\u0435\u0442 (\u0442\u043e \u0435\u0441\u0442\u044c \u043c\u044b \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c <code>undefined<\/code>)<\/p>\n<\/li>\n<\/ol>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/150\/5b3\/619\/1505b36197c3112d5aff2b5e1bd1c7b6.png\" width=\"630\" height=\"311\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0437\u0434\u0435\u0441\u044c \u0442\u0435\u0441\u0442\u044b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043c, \u0447\u0442\u043e \u0442\u0438\u043f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e (\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBAYglgG2BATgVQHYBMIDM4YRYA8AKgHxQC8UpUEAHstgM5QCu2eBRUA-FEIA3VFABctAFCTQkWImQoAcuwQIylGnUbMsbDKoT9BEESnFSZ4aPCSpMOfISwBBbCrUbq8u+i5OiYltFD3UKcmlZaABxCGAAdThgAAsXFBQAQxBiAHkAGigAaU0i+iYIVigAbQBdSShjHPqLQrLdNiqCXFFCiBACgDohrtEAJQgWYDqGhoFekDaKvSgAaz6Ae1woJpmZgViEpNT0rNyq+ZqC8cmI3YaJecXKtZBNn0UHbmc3LFDc27usygB0SKTSmWywXs-h4rnchn+5z6lyg12AlAAPhwYc5moCJJxHLC8RZhKhpAB6ABUUAA+vSGYyGbQJsAoABhDIsCZ0pl82lQKkUyRwAC2YHWKDZAG8oABRACO7AyCAKcoYkAAxmyAL5QXAodaiqAAcgAAlEALSa5IqhAVADmEwp7GAiBYJsi1igAAVDVh2Nq4OsMDkAEYAKwg2u80uaOBYmpQcDAbpDfAkk2TGAdzTdwHtmeA2dzDSwGWQRZLzQyruSkozUDjuwwGVFECrBFLMwQ601FeDGEbzbumqSIE7OZJOuaM5nVjk-e5bBoVWa6q1wGIiuV6hBR3Bpz96wDQZD4aj2oKVRN+ftJpq5AKWa75Cf6410a3O5VxH3YJObJj1PNNQ0jL9rxNctkAfJ8oBfHM3zyD9N23JVf3-Y4IWIYDA1Ai8IOqKCJiTFNQNg59iy7KAsUJL4iCQlCvzQ3c-ziUEsKPf08MHAiryI2sUklE0ChNVt2wo+CqJzGjsSJZxGIaDdmJ-Pd2IPQCcO4s8wMvYBIME+sUBE01e37cjRLHUBJIQh1ZLogIsEU+VP21FiMPUgDsNwnS+P0gS62EyyMhQLATLE9hRTDVBJIc2FGJqIA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>).<\/p>\n<h3>3. \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043f\u0443\u0442\u0438 \u0438\u0437 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0430<\/h3>\n<p>\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0431\u0435\u0440\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u043c \u0438 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/681\/e0a\/e2e\/681e0ae2e92f2f27e20ccaa76d782e84.png\" width=\"630\" height=\"758\"><figcaption><\/figcaption><\/figure>\n<p>\u0412 JavaScript \u043c\u044b \u0431\u044b \u0445\u043e\u0434\u0438\u043b\u0438 \u043f\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u043c:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b4c\/c6d\/1bb\/b4cc6d1bb44bf5a9d7bb9f67791cdde6.png\" width=\"630\" height=\"450\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043a\u043b\u044e\u0447 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c&nbsp;<code>string<\/code>&nbsp;\u0438\u043b\u0438&nbsp;<code>number<\/code>, <code>Path<\/code> \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u0435\u0438\u0437\u043c\u0435\u043d\u043d\u044b\u043c:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/17c\/968\/8ce\/17c9688ce64019f5cdcd7b029f1ebd5d.png\" width=\"630\" height=\"309\"><figcaption><\/figcaption><\/figure>\n<h3>3.1. Reducer \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u0430<\/h3>\n<p>\u041a\u0430\u043a \u0438 \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c&nbsp;<code>keys.reduce<\/code>&nbsp;. \u0414\u043b\u044f TypeScript \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e&nbsp;<code>GetWithArray<\/code>&nbsp;. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432, \u0430 \u0437\u0430\u0442\u0435\u043c \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438&nbsp;<code>GetWithArray<\/code>&nbsp;\u0432 \u043e\u0434\u043d\u043e.<\/p>\n<p>\u0421\u043f\u0435\u0440\u0432\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c \u0442\u0438\u043f \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0430. \u0412\u043e\u0437\u044c\u043c\u0435\u043c  <code>A<\/code>&nbsp;\u0432\u043c\u0435\u0441\u0442\u043e&nbsp;<code>O<\/code>&nbsp;\u043f\u043e \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/ba5\/042\/eca\/ba5042eca0514394502a5d7305a9279d.png\" width=\"630\" height=\"433\"><figcaption><\/figcaption><\/figure>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPOgDRQDSAfFALxlQQAewEAdgCYDOUA2gLoBQUKAH4o6AVABctBkzacuSZgDMImMhBAkAdDsUq1AJQjtg-QYJGkNdRiw5QA1hoD2S0ePPDY8ZGiy4CdC4rEB4SIxNyD3MpZggAN1Vo2ISkvgB6ACooAH08-IL8qAAVY2AoAGEcdmNcwvqcqEz0viQAWzBnTHKAbygAUQBHAFccABsSfvpIAGNygF8oJUxnNqgAcgABUEgAWhnUcbGWAHNjdOHgJDH2db4+HehSkwB5ACMAKwg56m5xdPSUAADOIAAYAZRmKzGYzeODUM2GJlWSHYOCuzmYoKI-0BAEYwQAmIF4gAcuzxQN2QIALNjcVBCeIuNEAYytCDPCZMIoTjjPGzCVoCZ4ABTc3lQAA+UGYwzab1UAEpePzzIKtEzPJgIDhWJixiBZfLFZheOJ+DwANz3R5QGbVWo0FmCKazYD4IajMb4OCIFAYbB4fDPYDvL5zEhcdZA9Y8cgkCFQ5wwuEIpHAFFojFY8gJ8Ru74er3jX0+AP+YOh8NFqPrPFxhNQUHEskUqm00F5tWFuaekalv2+QMBENlGuR7jrQnrEgxxskCXME7dgvTIv971l-1+IMEaufWtTmdzhtz2PxxfAHnL6XGhWqO-DNgQJSKCCsVeu9d9ks+ocVnuY6vIek7RieGwQdOC73qaT4vm+cSfvm37upug7lruo4HhGwB1gAzDBz6sK+77ITiPBAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>, \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438:<\/p>\n<ol>\n<li>\n<p>\u041c\u0430\u0441\u0441\u0438\u0432\u044b \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043a\u043b\u044e\u0447\u0435\u0439 \u0441 \u0442\u0438\u043f\u043e\u043c &nbsp;<code>string<\/code>&nbsp;:<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/3e5\/057\/6a8\/3e50576a8ed2139605163c6da20f89e4.png\" width=\"630\" height=\"252\"><figcaption><\/figcaption><\/figure>\n<p>\u0417\u0434\u0435\u0441\u044c&nbsp;<code>'1' extends keyof string[]<\/code>&nbsp;\u0432\u0441\u0435\u0433\u0434\u0430 \u043b\u043e\u0436\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442&nbsp;<code>never<\/code>.<\/p>\n<\/li>\n<li>\n<p>\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0441\u043b\u043e\u0432\u043e\u043c <code>readonly<\/code><\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/d89\/f18\/2c6\/d89f182c62f6cf7a188b1e89f5633ab1.png\" alt=\" \" title=\" \" width=\"630\" height=\"346\"><figcaption> <\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041a\u043e\u0440\u0442\u0435\u0436\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440&nbsp;<code>[0, 1, 2]<\/code>) \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0442&nbsp;<code>never<\/code>&nbsp;\u0432\u043c\u0435\u0441\u0442\u043e&nbsp;<code>undefined<\/code>:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/dd3\/2d6\/7a2\/dd32d67a26f4323b039c4a065b26b329.png\" width=\"630\" height=\"265\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<\/ol>\n<p>\u041f\u043e\u0439\u0434\u0435\u043c \u0447\u0438\u043d\u0438\u0442\u044c \u0432\u0441\u0435 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e.<\/p>\n<h3>3.2. \u0412\u044b\u0432\u043e\u0434\u0438\u043c T | undefined<\/h3>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/57e\/e54\/274\/57ee542748ceb66a767e8d380b680bfc.png\" width=\"630\" height=\"397\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c&nbsp;<code>T | undefined<\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0442\u0432\u0435\u0442\u0430 (\u0442\u0430\u043a \u043a\u0430\u043a \u043f\u0440\u0438 \u0438\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0438 \u043f\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0443 \u043c\u044b \u043d\u0435 \u0437\u043d\u0430\u0435\u043c, \u0435\u0441\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438\u043b\u0438 \u043d\u0435\u0442), \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f <code>T<\/code>:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/4a9\/72a\/399\/4a972a3997683c231c541c5adfd42419.png\" width=\"630\" height=\"455\"><figcaption><\/figcaption><\/figure>\n<p>\u042f \u0434\u043e\u0431\u0430\u0432\u0438\u043b&nbsp;<code>A extends readonly (infer T)[]<\/code>&nbsp;, \u0442.\u043a. \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 (\u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0441\u043b\u043e\u0432\u043e <code>readonly<\/code>) \u044d\u0442\u043e \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u0440\u043d\u043e.<\/p>\n<p>\u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438, \u043d\u0430\u043c \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0447\u0438\u043d\u0438\u0442\u044c \u043a\u043e\u0440\u0442\u0435\u0436\u0438. \u041f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPOgDRQDSAfFALxlQQAewEAdgCYDOUA2gLoBQUKAH4o6AVABctBkzacuSZgDMImMhBAkAdDsUq1AJQjtg-QYJGkNdRiw5QA1hoD2S0ePPDY8ZGiy4CdC4rEB4SIxNyD3MpdBtZe0wIHFZnZgAbECgACj1VKAAVAEpeaM8ROEQUDGw8fAKoAB8oAFc2CCVFCFZw42Aoz08pZggAN1Vo4bGJvgB6ACooAH0V1bXVwr6oAGEcdmNl9aOlqHnZviQAWzBnTGAoAG8oAFEARxacdJJn+kgAY3uAF8oEpMM5LlAAOQAAVAkAAtH9UJ90iwAObGWYtYBIdLsSF8Phw6AFPoAeQARgArCAA6jccSzWZQAAM4gABgBlP5g9LpCk4NR-FomcFIdg4HFpdlERnMgCMHIATCz5QAOeHylnwlkAFhlcqgSvEXGiTKNWjZnhMmEUaNlnnNSq0is82RtdqaUGYLUuFNUJTCZuZzuNniSKTSmW9vv9mFKgn4PAA3ITiVA-nsDjRTYIfv9gPg3h90vhKr4agF6uTqbTgCQuJCWZCeOQSFyec4+QKhSLgGKJVLmOzyG3xPm60X3p8yz5qv46qSTJSaQCG5D5S221B2Sr1ZrtXqR2O879J8WZ+X57UCEvgCu6+ulZCSE2tyQPcw0aOHS8zwCpxLWcqj8G9q2XWs124SFn1fTdX2bVsP2AW0vy9H0-XyZo2lYDoulYH9x3-QsL1LK9QKrO8HygxtYKhOiYPfGNMLUbD2k6EYCJPP8C0Ay85woxca1XetoIAZiYnC8M4wieCAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h3>3.3. \u041a\u043e\u0440\u0442\u0435\u0436\u0438<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0438\u0437\u0432\u043b\u0435\u0447\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0430, \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043e\u0431\u043e\u0431\u0449\u0430\u044e\u0449\u0438\u0439 \u0442\u0438\u043f, \u043a\u0430\u043a \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 (\u043d\u0443 \u0438 \u0435\u0449\u0435 <code>undefined<\/code> \u0432 \u043f\u0440\u0438\u0434\u0430\u0447\u0443)<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/3b9\/796\/a95\/3b9796a95610012927b17eb62e24be37.png\" width=\"630\" height=\"402\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0441 \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439, \u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 \u0441 <code>extends<\/code> \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 (\u043d\u0430\u0437\u043e\u0432\u0435\u043c \u044d\u0442\u0443 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 <code>ExtendsTable<\/code>) \u0438 \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u0435, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u044c \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0438:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/c32\/60c\/058\/c3260c05840ce32fe8dceaf384d8dc37.png\" width=\"630\" height=\"337\"><figcaption><\/figcaption><\/figure>\n<p>\u0412\u043e\u0437\u044c\u043c\u0435\u043c 4 \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u0430:<\/p>\n<ol>\n<li>\n<p><code>[0]<\/code><\/p>\n<\/li>\n<li>\n<p><code>number[]<\/code><\/p>\n<\/li>\n<li>\n<p><code>readonly number[]<\/code><\/p>\n<\/li>\n<li>\n<p><code>any[]<\/code><\/p>\n<\/li>\n<\/ol>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/ede\/f7d\/d89\/edef7dd89426000ea7aaa8dc8d93e8ea.png\" width=\"630\" height=\"193\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043d\u0430\u0440\u0438\u0441\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442:<\/p>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p><code>[0]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p><code>number[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p><code>readonly number[]<\/code><\/p>\n<\/td>\n<td>\n<p><code>any[]<\/code><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>[0]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u2705<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>number[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u2705<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>readonly number[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u274c<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>any[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u2705<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u0415\u0441\u043b\u0438 \u043d\u0430 \u043f\u0435\u0440\u0435\u0441\u0435\u0447\u0435\u043d\u0438\u0438 \u2705 , \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0441\u0442\u0440\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u0430 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u043c. \u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432:<\/p>\n<ul>\n<li>\n<p><code>[0] extends [0]<\/code><\/p>\n<\/li>\n<li>\n<p><code>number[] extends readonly number[]<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0435\u0441\u043b\u0438 \u043d\u0430 \u043f\u0435\u0440\u0435\u0441\u0435\u0447\u0435\u043d\u0438\u0438 \u274c, \u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0441\u0442\u0440\u043e\u043a\u0430 \u043d\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u043e\u0439. \u041f\u0430\u0440\u0443 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432:<\/p>\n<ul>\n<li>\n<p><code>number[] extends [0]<\/code><\/p>\n<\/li>\n<li>\n<p><code>readonly number[] extends number[]<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0412\u043e\u0437\u044c\u043c\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0443 \u0441&nbsp;<code>any[]<\/code>: \u0434\u043b\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438&nbsp;<code>[0]<\/code>&nbsp;\u043c\u044b \u0432\u0438\u0434\u0438\u043c \u274c, \u043a\u043e\u0433\u0434\u0430 \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 (\u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432) \u2013 \u044d\u0442\u043e \u2705.<\/p>\n<p>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043c\u044b \u043d\u0430\u0448\u043b\u0438 \u043e\u0442\u0432\u0435\u0442!<\/p>\n<p>\u041c\u044b \u0432\u043e\u0437\u044c\u043c\u0435\u043c \u044d\u0442\u043e \u0443\u0441\u043b\u043e\u0432\u0438\u0435 <code>any[] extends A<\/code> \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c \u043a&nbsp;<code>GetWithArray<\/code>:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/07f\/168\/2c5\/07f1682c5bca3adc2fb13e9bc856be09.png\" width=\"630\" height=\"557\"><figcaption><\/figcaption><\/figure>\n<ol>\n<li>\n<p>\u041c\u044b \u0440\u0430\u0437\u043b\u0438\u0447\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u0442 \u043a\u043e\u0440\u0442\u0435\u0436\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0443\u0441\u043b\u043e\u0432\u0438\u044f&nbsp;<code>any[] extends A<\/code><\/p>\n<\/li>\n<li>\n<p>\u0414\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c&nbsp;<code>T | undefined<\/code><\/p>\n<\/li>\n<li>\n<p>\u0414\u043b\u044f \u043a\u043e\u0440\u0442\u0435\u0436\u0435\u0439, \u043c\u044b \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0435\u0441\u043b\u0438 \u0438\u043d\u0434\u0435\u043a\u0441 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u0440\u0442\u0435\u0436\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442<\/p>\n<\/li>\n<li>\n<p>\u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043c\u044b \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c&nbsp;<code>undefined<\/code><\/p>\n<\/li>\n<\/ol>\n<p>\u0415\u0441\u043b\u0438 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0435\u0449\u0435 \u0440\u0430\u0437 \u0432\u0437\u0433\u043b\u044f\u043d\u0443\u0442\u044c \u043d\u0430 \u0432\u0441\u0435 \u0442\u0435\u043a\u0443\u0449\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u0435 \u043d\u0430&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPOgDRQDSAfFALxlQQAewEAdgCYDOUA2gLoBQUKAH4o6AVABctBkzacuSZgDMImMhBAkAdDsUq1AJQjtg-QYJE5mIXnUYsOo8eagB6V1BzY87Z+ZHodrKOmBA4rAD2zAA2IFAAFHqqUAAqAJS8fi4icIgoGN4EKVAAPlAArmwQSooQrCRGJuRZ5lKVrNW1rC3uUMDlYNHGLVKkGkEOnADWGhFKTi7ZsPDIaFi4BOhcYyA8DcbAzYutFVU1zHV+UhcAbqp8fK4AVFAA+u8fnx+pB1AAwjh2MY3l9Qa8oE9XHwkABbMARTDAKAAbygAFEAI7lHDREho+iQADGSIAvlAlJgIjCoAByAACoEgAFpCagcUNmABzYyucrAJDRdg0h6M6ApA4AeQARgArCDE6jccS9AAM4gABgBlQmU6LRKVeKCE8omKlIdg4flRdVEZUeACMGoATCr7QAOJn2lVMlUAFhtdqgTvEXD8vSdWjVLhMmEUnNtLnDWkdLniMbjpSgzHKMKlqgyezDHgjwZcoXCUViWZzecwmUE-B4AG4ReBoITAcCaKHBPiicB8JjsdF8LlVgUNvhxSZpXLiSQuDSVTSeOQSFqdRE9Qa1MbTTDzZakNbyGvxH35QOhzjRyt8us8FPJbLLwuafaV2uoOqXe7Pd6-XVU8E3RAlL0HLEbzHe9CifGcX3nbgaSdGkSCXT8SHTLlgPPMDiQg4dbzyNZYOnYBZ1fJCULQj80OXVdMOAWMuUzbNc2SMp2k6C5WBw3s8KvSCR2gkjJzIijEMXajaWk5CMOrdi1E4s4uj40D+wIqC71Ex9xIQ4A3wAZnkrjzjqHCeCAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h2>4. \u041e\u0431\u0449\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/h2>\n<p>\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/1b9\/33f\/99d\/1b933f99d6efadee600fcc16e138b7c3.png\" width=\"630\" height=\"311\"><figcaption><\/figcaption><\/figure>\n<p>\u0438 \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/975\/65a\/540\/97565a5403362ebad90578ad023db248.png\" width=\"630\" height=\"557\"><figcaption><\/figcaption><\/figure>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0434\u0432\u0430 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u0430: &nbsp;<code>ExtractFromObject<\/code>&nbsp;\u0438&nbsp;<code>ExtractFromArray<\/code>, \u0433\u0434\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0437\u043d\u0430\u044f, \u0441 \u043a\u0430\u043a\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u0432 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/07a\/5ed\/eca\/07a5edeca6b515d9e530c9ee322b2a0c.png\" width=\"630\" height=\"276\"><figcaption><\/figcaption><\/figure>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/4a8\/687\/3d9\/4a86873d96f6c9b6ccf0c7e2310596fe.png\" width=\"630\" height=\"290\"><figcaption><\/figcaption><\/figure>\n<p>\u0417\u0434\u0435\u0441\u044c \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/generics.html#generic-constraints\" rel=\"noopener noreferrer nofollow\">Generic Constrains<\/a>):<\/p>\n<ol>\n<li>\n<p>\u0414\u043b\u044f <code>ExtractFromObject<\/code>&nbsp;\u2013 \u044d\u0442\u043e&nbsp;<code>O extends Record&lt;PropertyKey, unknown&gt;<\/code>. \u042d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e <code>O<\/code> \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c \u043b\u044e\u0431\u043e\u0433\u043e \u0432\u0438\u0434\u0430<\/p>\n<\/li>\n<li>\n<p>\u0414\u043b\u044f <code>ExtractFromArray<\/code>&nbsp;\u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e: &nbsp;<code>A extends readonly any[]<\/code> \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0430\u0441\u0441\u0438\u0432 \u043b\u044e\u0431\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0438<\/p>\n<\/li>\n<\/ol>\n<p>\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0432&nbsp;<code>GetWithArray<\/code> \u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u044f:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/c3e\/232\/a16\/c3e232a16f028d0370ef174379f4e76d.png\" width=\"630\" height=\"390\"><figcaption><\/figcaption><\/figure>\n<p>\u042d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u044f \u0442\u043e\u0436\u0435 \u043f\u043e\u043a\u0440\u044b\u043b \u0442\u0435\u0441\u0442\u0430\u043c\u0438. \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBAYglgG2BATgVQHYBMIDM4YRYA8AKgHxQC8UpUEAHstgM5QCu2eBRUA-FEIA3VFABctAFChIsRMhQA5dggRlKNOo2ZY2GFQn6CIIlOKkzo8JKkw58hLAEFsy1eupyb6Lg6LFrBTc1CnJJaXBoAFEmFABDAGNgGBQAewBbAHkAIwArCCTiTPomCFYoACUC1JQSAAU0yBRQAGkIEAAaDgwAawxUgHcMci6WjSgWkp02HvbU3ChMySgjTIBtFoBdZfNJ7TLdKFmQea8FO25HFyxgorCVlYFA218eZ1cDO43NqAAfbvsbx2KwknEBjnCligMWA8SSKQyThQ8RAxCcUwObBQEDiWFSGAQICgcQwIDWm1G4xJZJ++3KTh2AnRdMO2Nx+MJUAAFARcKJSABKcnAox0f5gy5EEWg14QkETDHlY6nBkPIxOb7SgGSrCQyJQADiEGAAHU4MAABZIlFFSmePalcrCx6LHYSB3TKBrXmiNqdKAAOiDPrMVRYwG2aoExRZbCqCRq9UaqFa7S6nD6g2GIpdRtN5qtyLiqJhcOSaSyeQKwFtE3aI0qEHD9zV5hjjtZOLxBKJ1OdrdzxrNlutxeIpcS5cRRdRmVG9a6YeALYHMvBUrVEmEqHCAHoAFRQAD6J9PZ9PtCbwCgAGE4iwm8fz8+j1B97vJHB0mAateAN7QgAjuwcQIF0MSQEkUAAL5QLgFZQAA5AAApYAC0CQWqBCBlAA5k2u7sMAiAsIheqyA0qRYOwSRwPiOT5FBNB-jsxHADhEjhigBC4TsOAsAk3FgMR+J8JxsI8XxcTIFu7DpNkO4rHEREWjUYlQCxaoYHE6QQOJ3EYLxaoIKkCTSXRGDqZprYJOaID6ZJarQTszkrMAcS4Sw6lrIhbJJIhXSIZYAlCcAAVIUIcA4KkiGRlALBwLh2nAOw2LqYhTg4Qw7RQAAQqgEAAF4EGRKw-uGLASGy3acgBFrAOkCAOYZMH9qYCX4pV3JcTxfyCHJCkoEK2zOREshmQ+bA0GsOwQdW47AaBxB5sOhY2pR1G0fRVZJF0PlsThsUNj1hnkCMs0MJBNZRItagrQWo6ohtNEiRgDHVntiH8YJcDCRZR1dCduF9RKfhYGdHQXVdC0gXdQ4PTOxDPVtb07cAn1YNJEAA-18moBDUPzTdsPLfDI6I8jr3vbtXqIcplo1OFiHabpONAyDspEATKxzYUxNLfd5PrWkm1U2jn306pKBMyZZmvUztmgGzEkteKnPg+dPOXUTt2k-mQtjpTFnU+jtOS4zgWy+Z+JM7iWDYiwpGbA2oNvNz0La3zuuC2thsiy9xvi2bKkW0hglEGUxGgaRgUAAw467jju7z13e2TvtPf7KMm597meUz8fO4FflhRz64a5DWvQ-zcP6xnSNZ2LjGm-tHkx0hADMCfq8nnupyTPuPQ3VEB9tzefQlSXSal2NF0hmWMDl+XYsVGCIWXOq99Xad10PRtjx9tPlcA7eIYXDZ1Q1TXxSrwOwWr5dbzrA-p3vjeB+PR+pBVBdM-VjXKwMsDB+m9NYe23i-XeFN34Hxpj5dqFlT7n0BrfPq+g8ZmBAWDAmmwgA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h2>5. \u0421\u0432\u044f\u0437\u043a\u0430 \u0441 JavaScript<\/h2>\n<p>\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u0440\u0435\u0448\u0435\u043d\u0438\u044e \u0432 JavaScript:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/280\/56c\/499\/28056c49928c22d15e880d7fcdae4b4c.png\" width=\"630\" height=\"270\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c&nbsp;<code>lodash<\/code>&nbsp;\u0432 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0433\u0434\u0435 \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f&nbsp;<code>get<\/code>. \u0415\u0441\u043b\u0438 \u0432\u044b \u0432\u044b\u0433\u043b\u044f\u043d\u0435\u0442\u0435 \u043d\u0430&nbsp;<a href=\"https:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\/blob\/master\/types\/lodash\/common\/object.d.ts#L1022\" rel=\"noopener noreferrer nofollow\">common\/object.d.ts<\/a>&nbsp;\u0432<code>@types\/lodash<\/code>, \u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e\u0433\u043e\u0440\u0447\u0438\u0442\u0435\u0441\u044c. \u0412\u043e \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u044b\u0437\u043e\u0432&nbsp;<code>get<\/code>&nbsp;\u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442&nbsp;<code>any<\/code>&nbsp;:&nbsp;<a href=\"https:\/\/codesandbox.io\/s\/typescript-lodash-types-ndhvf?file=\/src\/index.type.ts:1379-1856\" rel=\"noopener noreferrer nofollow\">typescript-lodash-types<\/a><\/p>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u043c\u0435\u043d\u0438\u043c&nbsp;<code>reduce<\/code>&nbsp;\u043d\u0430 \u0446\u0438\u043a\u043b \u0441&nbsp;<code>for<\/code> (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 <code>for-of<\/code>), \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0440\u0430\u043d\u043d\u0438\u0439 \u0432\u044b\u0445\u043e\u0434 \u0438\u0437 \u0446\u0438\u043a\u043b\u0430 \u0441 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c, \u0435\u0441\u043b\u0438 \u043e\u043d\u043e <code>undefined<\/code> \u0438\u043b\u0438 <code>null<\/code>:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/2a8\/c56\/86f\/2a8c5686f35eb284b1c5b9eded885d10.png\" width=\"630\" height=\"515\"><figcaption><\/figcaption><\/figure>\n<p>\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u043a\u0440\u043e\u0435\u043c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e&nbsp;<code>get<\/code>&nbsp;\u0442\u0438\u043f\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0448\u0430\u0433\u0430\u0445. \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u043c \u044d\u0442\u043e \u043d\u0430 \u0434\u0432\u0430 \u0441\u043b\u0443\u0447\u0430\u044f:<\/p>\n<ol>\n<li>\n<p>\u0422\u0438\u043f <code>Get<\/code>&nbsp;\u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u0433\u0434\u0430 \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u0441\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u044b \u0438 \u0442\u0438\u043f \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f<\/p>\n<\/li>\n<li>\n<p>\u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043e\u0448\u0438\u0431\u043a\u0438 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0432\u0442\u043e\u0440\u0443\u044e \u0441\u0438\u0433\u043d\u0430\u0442\u0443\u0440\u0443 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u043b\u0438 \u0447\u0438\u0441\u043b\u043e \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u0442\u0440\u043e\u043a\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0443\u0442\u0438)<\/p>\n<\/li>\n<\/ol>\n<p>\u0427\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/functions.html#function-overloads\" rel=\"noopener noreferrer nofollow\">\u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0437\u043a\u0443<\/a>, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0441\u043b\u043e\u0432\u043e <code>function<\/code>, \u0430 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u043e\u0447\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/977\/59f\/1c0\/97759f1c05cae9a966cf5cfd107194fd.png\" width=\"630\" height=\"453\"><figcaption><\/figcaption><\/figure>\n<p>\u041f\u043e\u0447\u0442\u0438 \u0433\u043e\u0442\u043e\u0432\u043e. \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0442\u0438\u043f&nbsp;<code>Get<\/code>&nbsp;:<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/98a\/434\/94c\/98a43494cd58aeaa3b3019f806513743.png\" width=\"630\" height=\"488\"><figcaption><\/figcaption><\/figure>\n<p>\u0412\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u044f \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u043b \u043d\u0430&nbsp;<a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.type.ts:1584-1598\" rel=\"noopener noreferrer nofollow\">Codesandbox<\/a>:<\/p>\n<ol>\n<li>\n<p><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.ts:1027-1096\" rel=\"noopener noreferrer nofollow\">\u041c\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e <\/a><code>get<\/code><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.ts:1027-1096\" rel=\"noopener noreferrer nofollow\"> \u0441 \u0442\u0438\u043f\u0430\u043c\u0438<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.type.ts:1584-1598\" rel=\"noopener noreferrer nofollow\">\u041c\u044b \u043f\u043e\u043a\u0440\u044b\u043b\u0438 \u0442\u0438\u043f\u044b \u0442\u0435\u0441\u0442\u0430\u043c\u0438<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.test.ts:490-516\" rel=\"noopener noreferrer nofollow\">\u041c\u044b \u043f\u043e\u043a\u0440\u044b\u043b\u0438 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e <\/a><code>get<\/code><\/p>\n<\/li>\n<\/ol>\n<h2>Summary<\/h2>\n<p>\u0414\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438 \u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0432 TypeScript:<\/p>\n<ol>\n<li>\n<p><a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/release-notes\/typescript-1-3.html#tuple-types\" rel=\"noopener noreferrer nofollow\">\u041a\u043e\u0440\u0442\u0435\u0436\u0438<\/a>&nbsp;\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 TypeScript 1.3, \u043d\u043e \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442&nbsp;(<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/release-notes\/typescript-4-0.html#variadic-tuple-types\" rel=\"noopener noreferrer nofollow\">Variadic Tuple Types<\/a>) \u0431\u044b\u043b \u0432\u044b\u043f\u0443\u0449\u0435\u043d \u0432 \u0432\u0435\u0440\u0441\u0438\u0438 4.0, \u0442\u0430\u043a \u0447\u0442\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c spread \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0435\u0439<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/831\/8b9\/890\/8318b989087b1c54572d13015a92af25.png\" width=\"630\" height=\"368\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u0422\u0438\u043f\u044b \u0441 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c\u0438 (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/release-notes\/typescript-2-8.html#conditional-types\" rel=\"noopener noreferrer nofollow\">Conditional types<\/a>)&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 TypeScript 2.8<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/455\/940\/851\/455940851b3df16c728f2610e776a5ae.png\" width=\"630\" height=\"212\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u0441\u043b\u043e\u0432\u043e <code>infer<\/code>&nbsp; \u0432 \u0442\u0438\u043f\u0430\u0445 \u0441 \u0443\u0441\u043b\u043e\u0432\u0438\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 TypeScript 2.8<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/2d0\/c61\/6da\/2d0c616da611621e3c29e2ab4f7e8b33.png\" width=\"630\" height=\"229\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u0420\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0441 \u0443\u0441\u043b\u043e\u0432\u0438\u0435\u043c (<a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-1\/#recursive-conditional-types\" rel=\"noopener noreferrer nofollow\">Recursive conditional types<\/a>) \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 TypeScript 4.1<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f38\/6e2\/3b9\/f386e23b9c3ae736d4bc79daa2674319.png\" width=\"630\" height=\"262\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0445 \u043b\u0438\u0442\u0435\u0440\u0430\u043b\u043e\u0432 (<a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-1\/#template-literal-types\" rel=\"noopener noreferrer nofollow\">Template Literal types<\/a>) \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 TypeScript 4.1<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/531\/30f\/08b\/53130f08b4ab736e164309fd0a1d9720.png\" width=\"630\" height=\"341\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u043e\u0432 (\u043e\u0431\u043e\u0431\u0449\u0435\u043d\u0438\u0439?) (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/generics.html#generic-constraints\" rel=\"noopener noreferrer nofollow\">Generic Constrains<\/a>)<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/3bc\/392\/1eb\/3bc3921eb438a9a5ddb5cbaf42703577.png\" width=\"630\" height=\"218\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041f\u0435\u0440\u0435\u0433\u0440\u0443\u0437\u043a\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/functions.html#function-overloads\" rel=\"noopener noreferrer nofollow\">Function Overloads<\/a>)<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/6d5\/12d\/916\/6d512d9164b6ada40c7d64bfbac32a25.png\" width=\"630\" height=\"381\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<\/ol>\n<p>\u0412\u0441\u0435\u043c \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435. \u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f, \u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438. \u0412\u0441\u0435\u043c \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u0432\u0435\u0447\u0435\u0440\u0430 \u0438 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0445.<\/p>\n<\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/post\/556538\/\"> https:\/\/habr.com\/ru\/post\/556538\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\n<div class=\"post__text post__text_v2\" id=\"post-content-body\">\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0435 \u0442\u0430\u043a \u0434\u0430\u0432\u043d\u043e \u044f \u0440\u0430\u0441\u043a\u043e\u043f\u0430\u043b \u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u043e\u0440\u0430\u0445 GitHub \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0439&nbsp;<a href=\"https:\/\/github.com\/type-challenges\/type-challenges\" rel=\"noopener noreferrer nofollow\">type-challenges<\/a>. \u0423 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0446\u0435\u043b\u044b\u0439 \u0431\u043b\u043e\u0433, \u0433\u0434\u0435 \u044f \u0440\u0435\u0448\u0430\u044e \u0437\u0430\u0434\u0430\u0447\u043a\u0438 \u043e\u0442\u0442\u0443\u0434\u0430, \u043d\u043e \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u043f\u043e\u043f\u044b\u0442\u0430\u044e\u0441\u044c \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e&nbsp;<code>Get<\/code>, \u043d\u043e \u0438 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u0443\u044e \u043e\u0431\u0449\u0438\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u043f\u043e\u043a\u0430\u0436\u0443 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 production.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0435\u0434 \u043d\u0430\u0447\u0430\u043b\u043e\u043c \u0447\u0442\u0435\u043d\u0438\u044f \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u043f\u043e\u043d\u044f\u0442\u0438\u044f\u043c\u0438 \u0438\u0437 TypeScript, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u0435 \u0432 \u043a\u043e\u043d\u0435\u0446.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435, \u044d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u0432\u043e\u0434\u043e\u043c \u0441\u0442\u0430\u0442\u044c\u0438, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c. \u0415\u0441\u043b\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, <a href=\"https:\/\/blog.beraliv.dev\/2021-03-26-typed-get\/\" rel=\"noopener noreferrer nofollow\">\u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u0435<\/a>.<\/p>\n<h2>1. \u0411\u0430\u0437\u043e\u0432\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n<p><a href=\"https:\/\/github.com\/type-challenges\/type-challenges\/blob\/master\/questions\/270-hard-typed-get\/README.md\" rel=\"noopener noreferrer nofollow\">\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u0447\u0435\u043b\u043b\u0435\u043d\u0434\u0436<\/a> \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 &#171;\u0441\u043b\u043e\u0436\u043d\u043e\u0435&#187;<\/p>\n<p>\u041f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u0443\u0442\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 (\u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u0443\u0442\u0438 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0435)<\/p>\n<p>\u0422\u0430\u043a \u0441 \u0447\u0435\u0433\u043e \u0436\u0435 \u043d\u0430\u0447\u043d\u0435\u043c?<\/p>\n<h3>1.1. \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043a\u043b\u044e\u0447\u0435\u0439<\/h3>\n<p>\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0435\u0441\u043b\u0438 \u0431\u044b \u043c\u044b \u0440\u0435\u0448\u0430\u043b\u0438 \u044d\u0442\u0443 \u0437\u0430\u0434\u0430\u0447\u0443 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c, \u043a\u0430\u043a \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c&nbsp;<code>keys.reduce<\/code>, \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u043a\u043b\u044e\u0447\u0435\u0439. \u0412 JavaScript \u043d\u0430\u043c \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434 <code>split<\/code>. \u0412 TypeScript \u043d\u0430\u043c \u0442\u043e\u0436\u0435 \u043d\u0430\u0434\u043e \u043a\u0430\u043a-\u0442\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043b\u044e\u0447\u0435\u0439 \u0438\u0437 \u0441\u0442\u0440\u043e\u043a\u0438.<\/p>\n<p>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f TypeScript 4.1, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c&nbsp;<a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-1\/#template-literal-types\" rel=\"noopener noreferrer nofollow\">Template Literal types<\/a>. \u0421 \u0438\u0445 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0442\u043e\u0447\u043a\u0438 \u043c\u0435\u0436\u0434\u0443 \u043a\u043b\u044e\u0447\u0430\u043c\u0438. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0442\u0438\u043f&nbsp;<code>Path<\/code>&nbsp;\u0438 \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0412\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u043e\u0440\u043e\u0442\u043a\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e. \u041e\u0434\u043d\u0430\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u043c\u044b \u043f\u043e\u043d\u044f\u043b\u0438, \u0447\u0442\u043e \u0443\u043f\u0443\u0441\u0442\u0438\u043b\u0438 \u0441\u043b\u0443\u0447\u0430\u0439 \u0441 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c (\u0431\u0435\u0437 \u0442\u043e\u0447\u043a\u0438). \u0422\u0435\u0441\u0442\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXKtOyA9ACooAfWcvXL3JOBQAwnAqSnNyDHKDsbWUYAWzAAe3YveigAUQBHAFc4ABstJIJIAGMvPigWdhjIqAByAAFQSABafMQszNIAc0kbNOBGTIpK2Vk66Hy-AJwVM1yC4GRUjMzkPRRKmJIIeoBrXnqwBERK9C0VVfWtnb2kSuN0I6m8iEK59Kyl-eRKgCZzkAFLg6Oqi+P0qWkq-2utw09xmzwWb30lSQ7AgEAE21+EMBJ2RqNBVQx+PB+0hd2MQA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u044d\u0442\u043e\u0442 \u0441\u043b\u0443\u0447\u0430\u0439:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0422\u0430\u043a \u043b\u0443\u0447\u0448\u0435. \u0422\u0435\u0441\u0442\u044b \u0432\u043c\u0435\u0441\u0442\u0435 \u0441 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u0439 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 <a href=\"https:\/\/www.typescriptlang.org\/play?ssl=5&amp;ssc=9&amp;pln=1&amp;pc=1#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXLnxFSlGsNYduvGWYXK1vUwoWWVp2QB6ACooAH0IyKjI3ElgKABhOApJcOj0sKhgwNlGAFswAHt2ePooAFEARwBXOAAbLXKCSABjeL4oFnZCvKgAcgABUEgAWhbEerrSAHNJQOrgRjqKPtlZYegW5NScFTMm1uBkKtq65D0UPsKSCBGAa14RsAREPvQtFSub+8fnpD7jOh3vtmhA2scavVzi9kH0AEw-EACP6vd6qeGIvpaPoogFAjQgw4Q07Q-R9JDsCAQAQPJG4tGfClUrH9WksnEvPHA4xAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h3>1.2. Reducer \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/h3>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043a\u043b\u044e\u0447\u0438, \u043c\u044b \u043d\u0430\u043a\u043e\u043d\u0435\u0446-\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c<code>keys.reduce<\/code>. \u0427\u0442\u043e\u0431\u044b \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0442\u0438\u043f&nbsp;<code>GetWithArray<\/code>&nbsp;, \u0438\u043c\u0435\u044f \u0443\u0436\u0435 \u043f\u0443\u0442\u044c \u0432 \u0432\u0438\u0434\u0435 \u043a\u043e\u0440\u0442\u0435\u0436\u0430 <code>K<\/code><\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u044e:<\/p>\n<ol>\n<li>\n<p><code>K extends [infer Key, ...infer Rest]<\/code>&nbsp;\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442, \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0445\u043e\u0442\u044f \u0431\u044b \u043e\u0434\u0438\u043d \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432 \u043a\u043e\u0440\u0442\u0435\u0436\u0435<\/p>\n<\/li>\n<li>\n<p><code>Key extends keyof O<\/code>&nbsp;\u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c&nbsp;<code>O[Key]<\/code>&nbsp;\u0438 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u043e \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u0443\u0440\u043e\u0432\u043d\u044e \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/p>\n<\/li>\n<\/ol>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c \u044d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435&nbsp;(\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 <a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPAPIA0UA0gHxQC85UEAHsBAHYAmAzlANpIsBmETOQghSAOkl9BwgEoQOwALoAoKFAD8IkPSatOUANaiA9vyiE16zbHjI0WXAULcyopaXmKKV9QC4oFggANyErAKDQzBUVAHoAKigAfRTUtNSoABUFYCgAYRwOBWT00qSoeNiVJABbMBNMXIBvKABRAEcAVxwAG1JWhkgAY1yAXyh+TBMaqAByAAFQSABaIdRentYAcwVYzuAkHo5ZmKXobMVCACMAKwgRmigmqwPgTYCAAwBlIamenquOGEQ06immSA4OAOJhYHysbChEE+ACYAAwARgAHMt0ajlqiACxw9Q4faoBoBZ7WQI4GpIqAfdCbBiiKAAISEEAAXnxidYeiYhlCkDDKb5rEMUCBPgBZTosJBrPnqUZWVWqlRnKBCopcWjcKwDYbAfAdbo9fBwRAoDDYPD4C7Aa53EakbizV6bWZKCikb6-Ez-QHA0HAcGQ6Gwii+w2De4ms29S12G2Oe2O53xt2zBHMb2+hlorE4vGEj7R4ix42mrpJq32W1OB05TOung5hS-JBgSP50iRIQVqvxmvm5PWhx2ggZ25Z9uktANWakWYsWkQPsMpmMVkczDc3lD9RGkeJi311NT5uXWdt90L8mYZdzAVC3sryWgTcfOUKpVHto4xGUc6xTScmxnF1gGzB8lw-IE2GfVdOhqK4hE3AdMCHJQgA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>). \u041e\u043f\u044f\u0442\u044c \u043c\u044b \u0437\u0430\u0431\u044b\u043b\u0438 \u0441\u043b\u0443\u0447\u0430\u0439, \u043f\u0440\u0430\u0432\u0434\u0430 \u0443\u0436\u0435 \u043a\u043e\u0433\u0434\u0430 \u0443 \u043d\u0430\u0441 \u043f\u0443\u0441\u0442\u043e\u0439 \u043c\u0430\u0441\u0441\u0438\u0432. \u041f\u043e\u0441\u043b\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u0434 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0441 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0432<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPAPIA0UA0gHxQC85UEAHsBAHYAmAzlANoC6AUFCgB+KIUFQAXHUbN2XbkhYAzCJnIQQpAHS6lq9QCUIHYAKFDRZTfSatOUANaaA9srESLI2PGRosuASE3NYgvKTGphSeFtIsEABuajFxicn8APQAVFAA+vkFhQVQAComwFAAwjgcJnlFDblQWRn8SAC2YC6YFQDeUACiAI4ArjgANqQDDJAAxhUAvlDKmC7tUADkAAKgkAC0s6gT46wA5iYZI8BI4xwb-Py70GWmhABGAFYQ8zRQvRLXYAnaQAAwAyrNVuNxm8cOpZiNTGskBwcNcXCwQRI2GiIKCAEwABgAjAAOPbEwl7QkAFixQhwV1Q3Wk-y8LBw7TxUBB6BODBsACE1BAAF5KekWcYuWZopAY1kxISzFAgUEAWRGLCQh0lQgWEgNBse4GgstqXFo3Ak0zmwHwwzG43wcEQKAw2Dw+BewHeX3mpG4G0BJw2vAopHBkJc0Nh8MRwGRqPRmIoEZtM2+9sdExdvndAS9Pr9WcDGxxzDDEZ5RLJFKptJBaeIGbtDtGuddfg9gW95RLAZ45ZMkKQYBTVdI8SSmGbraz7adebd-k9BGLn1LQ8ZaG6G1IGw5XMnPL5jCFIvFqfTQltC5zzq7BbXfdem8HQZ3zMw+820tlE4HiqoAniCmrarqc63pm8yLp2+arr2G7+sAZZfnuQFwmwv6HiM7RvGoJ7Tmoc68EAA\" rel=\"noopener noreferrer nofollow\"> Playground<\/a><\/p>\n<h3>1.3. \u0412\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u0435<\/h3>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c \u0432\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u0438 \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u0438\u043c\u0441\u044f, \u0447\u0442\u043e \u0442\u0438\u043f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u043e\u0436\u0438\u0434\u0430\u0435\u0442\u0441\u044f:&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXLnxFSlGsNYduvGWeVrephZZWnZoSCgAcQhgAHVGJABBdnY4EGQAeS0uTBwua2JyKl83KESzSwzCLLsVESd1LR0BCvFJYC8FJWcQTNsqAGteAHsWfLNmlpDwyMQYuITEjxBjLUNgdEHmyxIIADcOZdWNrf9waBGkrRg04NCI6Nj449gEFFOl2QB6ACooAH0v75-v3AaoABhOAUSSfX4Qj5QV7PWSMAC2YB67GAUHoUAAogBHACucAANloMQRIABjVF8KAsdg9eFQADkAAEAhAALSkxAE-GkADmkmeOOAjHxFHpsn2gVQDUSACMAFYQcnYNFmIXAbmWagAZVJNPx+JlcE4pJxUlpjAoCEYPRIcgUZAQEE1ACYAAwARgAHKz3a7Wa6ACx2qBwQWIZGWejLEhweFOmhRbkEXhQABCHAgAC9mMGFPieqSrTbI8sFKTIiBNQBZHEkRgc3NQPhmZvNiXQQugqg4FRmYlk4DIbF4-HII5SqSyhXkrT0tXc+noLTa3U9fWG42m4Dmy1Cm3UdBLvskxWD4cEsehNDS+Wn2cO4iL5dur0+v2Bg9HhT909D3EX8cb2nYB70kXVGDAPcSCfKA1k2dhDw0Y8Bz-EdL0HCdgCnO8GVDJBkQEGM4xg6hE0IFN03YLMc0Q5Df3PUdAMnW8Z1wsMCPzQsoIEctQBIms6wbWjvxPclUIAq9MOw1j6Tw8N2B4o0yEInF4RlDgYLgjhaOMIA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>. \u041e\u0442\u043b\u0438\u0447\u043d\u043e, \u0431\u0430\u0437\u043e\u0432\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u043c\u044b \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438.<\/p>\n<h2>2. \u041e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0443\u0442\u0438<\/h2>\n<p>\u041a\u043e\u0433\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0448\u044c \u0441 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 production, \u0442\u0435\u0431\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0438\u043b\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442, \u043d\u043e \u043d\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c <code>?<\/code> , <code>null<\/code> \u0438\u043b\u0438<code>undefined<\/code>.<\/p>\n<p>\u0412\u043e\u0437\u044c\u043c\u0435\u043c \u0442\u0430\u043a\u043e\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438 \u043f\u043e\u043a\u0440\u043e\u0435\u043c \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0442\u0435\u043a\u0443\u0449\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435:&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBACghsAFgHgCoD4oF4qqhAD2AgDsATAZygAMASAbwEsSAzCAJygGkIQBfAHQNmbTgCUIFYH2oAoKFAD8UANo8QAGigCd8JMglT0AXXlQAXLnxFSlGsNYduvGWeVrephZZWnZoSCgAcQhgAHVGJABBdnY4EGQAeS0uTBwua2JyKl83KESzSwzCLLsVESd1LR0BCvFJYC8FJWcQTNsqAGteAHsWfLNmlpDwyMQYuITEjxBjLUNgdEHmyxIIADcOZdWNrf9waBGkrRg04NCI6Nj449gEFFOl2QB6ACooAH0v75-v3AaoABhOAUSSfX4Qj5QV7PWSMAC2YB67GAUHoUAAogBHACucAANloMQRIABjVF8KAsdg9eFQADkAAEAhAALSkxAE-GkADmkmeOOAjHxFHpsn2gVQDUSACMAFYQcnYNFmIXAbmWagAZVJNPx+JlcE4pJxUlpjAoCEYPRIcgUZAQEE1ACYAAwARgAHKz3a7Wa6ACx2qBwQWIZGWejLEhweFOmhRbkEXhQABCHAgAC9mMGFPieqSrTbI8sFKTIiBNQBZHEkRgc3NQPhmZvNiXQGA0sg48nWkiyhVKnBR+2SXWMMBCm2KSxSdjMHkAblVkQ1UDnC+X9sds+A85IS7MoaQyJnKqGMbju-3h6G+cLU5IZ5HQyg5dA183y2bClb4pZb4gmCOAqGYbxQMQUiAaCVAwmYxJksAyDYni+LIEcUpSAOirAFo9Jqty9LoFo2q6j0+qGsaprAOalqPtQ6DEfBJI4chuIEuhoRoNK8o4XhDrEERJFul6Pp+oGDFMQoCGsShHEYTxg64QyZBjvOk59kJUBrJs7CMRozGIWxqGcUhmHANh5J4ce4bsAIl4QFp1CJoQKbpuwWY5vphmyexaEKVhvFWQyNnIgI95FiQAjviATk1nWDbedJLHksZ8lceZlnKfSoV2YW7BkPZOLwjKHBaTpHBJVA4FgF2PaPtBYJwclRlyf5XGdj03a9jaWV4QRjnEeue4LlVMmpW1pnIJ13WPn1KmOlpG4HmNKVIZNRwzfVfbzfSqkUOOGk2ktI0HlAAA+UC1qpLDMBAZCra1flTVtPX9kF2W5fZsaDVoy08hdV3kBAt1rA9UmYmtaXtUhr1zR91lhmFEWPtFFYnTegPXSDd3gwZLW+SZm11W9u1fflhUkMVpXsFp2Og-d3nGEAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>. \u041a\u0430\u043a \u0438 \u043e\u0436\u0438\u0434\u0430\u043b\u043e\u0441\u044c, TypeScript \u0440\u0443\u0433\u0430\u0435\u0442\u0441\u044f.<\/p>\n<p>\u041f\u0440\u0438\u0447\u0438\u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u0430. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u043e\u0437\u044c\u043c\u0435\u043c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0438 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043c\u0441\u044f:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0422\u0435\u043a\u0443\u0449\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u043a\u043b\u044e\u0447 \u0438\u0437 \u043e\u0431\u044a\u0435\u043a\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c&nbsp;<code>undefined<\/code>&nbsp;or&nbsp;<code>null<\/code>. \u041f\u043e\u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u044d\u0442\u043e \u0440\u0435\u0448\u0438\u0442\u044c.<\/p>\n<h3>2.1. \u0423\u0434\u0430\u043b\u044f\u0435\u043c undefined, null \u0438\u043b\u0438 \u043e\u0431\u0430 \u0442\u0438\u043f\u0430 \u0441\u0440\u0430\u0437\u0443<\/h3>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c 3 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u0430:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041c\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0447\u0442\u043e&nbsp;<code>undefined<\/code>&nbsp;\u0438\/\u0438\u043b\u0438&nbsp;<code>null<\/code>&nbsp;\u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0447\u0430\u0441\u0442\u044c\u044e union type, \u0438 \u0435\u0441\u043b\u0438 \u0442\u0430\u043a, \u0443\u0434\u0430\u043b\u044f\u0435\u043c \u0438\u0445 \u0438\u0437 \u043d\u0435\u0433\u043e. \u042d\u0442\u043e \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 &#171;\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439&#187; \u0447\u0430\u0441\u0442\u044c\u044e.<\/p>\n<p>\u0422\u0435\u0441\u0442\u044b, \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u043e, \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBAYglgG2BATgVQHYBMIDM4YRYA8AKgHxQC8UpUEAHstgM5QCu2eBRUA-FEIA3VFABctAFCTQkWImQoAcuwQIylGnUbMsbDKoT9BEESnFSZ4aPCSpMOfISwBBbCrUbq8u+i5OiYltFD3UKcmkAegAqKAB9BMSkxNoIFmAoAGEAQxY0+OTCuKhoyMk4AFswAHsUDIBvKABRAEd2bIQAGmaGSABjDIBfKFwUaoqoAHIAAVkIAFo+gAsOhAgMAHM0yPZgRBZJ6TmoPtz8mgBtSSge-uBiVvb1YPt-Hld3Q2IARigAHygACZ-lAAMwgziOd7kbq-AHAgGg8gw663CADB5tDpBBSvKHONxYULESbVQiTEGTYAAd2qFIBVKWKAgEHpgkMMKmZNZlJpdN5TJZk2RnVRTV66Puj2xLz8+KIhOJcKmfLZBjUELezk5yqptOFKJu4rumKeON8Dm4BM+nkhVqInOEqBFYolGOlz1xcvtHyJX3VCEdpmdhrR7qxnotWoVNvUdoCWBBAaDZhdAF0gA\" rel=\"noopener noreferrer nofollow\">Playground<\/a><\/p>\n<h3>2.2. \u0420\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c reducer<\/h3>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043e\u0431\u043d\u043e\u0432\u0438\u043c \u0432\u043e\u0442 \u044d\u0442\u0443 \u0432\u0435\u0442\u043a\u0443 <code>GetWithArray<\/code>:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<ol>\n<li>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043c, \u0447\u0442\u043e \u043a\u043b\u044e\u0447 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 \u0441 <code>undefined<\/code> \u0438\/\u0438\u043b\u0438 <code>null<\/code> <\/p>\n<\/li>\n<li>\n<p>\u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0433\u043e \u043d\u0435\u0442 (\u0442\u043e \u0435\u0441\u0442\u044c \u043c\u044b \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c <code>undefined<\/code>)<\/p>\n<\/li>\n<\/ol>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0437\u0434\u0435\u0441\u044c \u0442\u0435\u0441\u0442\u044b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043c, \u0447\u0442\u043e \u0442\u0438\u043f \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e (\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBAYglgG2BATgVQHYBMIDM4YRYA8AKgHxQC8UpUEAHstgM5QCu2eBRUA-FEIA3VFABctAFCTQkWImQoAcuwQIylGnUbMsbDKoT9BEESnFSZ4aPCSpMOfISwBBbCrUbq8u+i5OiYltFD3UKcmlZaABxCGAAdThgAAsXFBQAQxBiAHkAGigAaU0i+iYIVigAbQBdSShjHPqLQrLdNiqCXFFCiBACgDohrtEAJQgWYDqGhoFekDaKvSgAaz6Ae1woJpmZgViEpNT0rNyq+ZqC8cmI3YaJecXKtZBNn0UHbmc3LFDc27usygB0SKTSmWywXs-h4rnchn+5z6lyg12AlAAPhwYc5moCJJxHLC8RZhKhpAB6ABUUAA+vSGYyGbQJsAoABhDIsCZ0pl82lQKkUyRwAC2YHWKDZAG8oABRACO7AyCAKcoYkAAxmyAL5QXAodaiqAAcgAAlEALSa5IqhAVADmEwp7GAiBYJsi1igAAVDVh2Nq4OsMDkAEYAKwg2u80uaOBYmpQcDAbpDfAkk2TGAdzTdwHtmeA2dzDSwGWQRZLzQyruSkozUDjuwwGVFECrBFLMwQ601FeDGEbzbumqSIE7OZJOuaM5nVjk-e5bBoVWa6q1wGIiuV6hBR3Bpz96wDQZD4aj2oKVRN+ftJpq5AKWa75Cf6410a3O5VxH3YJObJj1PNNQ0jL9rxNctkAfJ8oBfHM3zyD9N23JVf3-Y4IWIYDA1Ai8IOqKCJiTFNQNg59iy7KAsUJL4iCQlCvzQ3c-ziUEsKPf08MHAiryI2sUklE0ChNVt2wo+CqJzGjsSJZxGIaDdmJ-Pd2IPQCcO4s8wMvYBIME+sUBE01e37cjRLHUBJIQh1ZLogIsEU+VP21FiMPUgDsNwnS+P0gS62EyyMhQLATLE9hRTDVBJIc2FGJqIA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>).<\/p>\n<h3>3. \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043f\u0443\u0442\u0438 \u0438\u0437 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0430<\/h3>\n<p>\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0431\u0435\u0440\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u043c \u0438 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0412 JavaScript \u043c\u044b \u0431\u044b \u0445\u043e\u0434\u0438\u043b\u0438 \u043f\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0430\u043c:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043a\u043b\u044e\u0447 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c&nbsp;<code>string<\/code>&nbsp;\u0438\u043b\u0438&nbsp;<code>number<\/code>, <code>Path<\/code> \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043d\u0435\u0438\u0437\u043c\u0435\u043d\u043d\u044b\u043c:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<h3>3.1. Reducer \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u0430<\/h3>\n<p>\u041a\u0430\u043a \u0438 \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u043c\u044b \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c&nbsp;<code>keys.reduce<\/code>&nbsp;. \u0414\u043b\u044f TypeScript \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e&nbsp;<code>GetWithArray<\/code>&nbsp;. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c \u044d\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432, \u0430 \u0437\u0430\u0442\u0435\u043c \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438&nbsp;<code>GetWithArray<\/code>&nbsp;\u0432 \u043e\u0434\u043d\u043e.<\/p>\n<p>\u0421\u043f\u0435\u0440\u0432\u0430 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c \u0442\u0438\u043f \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0430. \u0412\u043e\u0437\u044c\u043c\u0435\u043c  <code>A<\/code>&nbsp;\u0432\u043c\u0435\u0441\u0442\u043e&nbsp;<code>O<\/code>&nbsp;\u043f\u043e \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPOgDRQDSAfFALxlQQAewEAdgCYDOUA2gLoBQUKAH4o6AVABctBkzacuSZgDMImMhBAkAdDsUq1AJQjtg-QYJGkNdRiw5QA1hoD2S0ePPDY8ZGiy4CdC4rEB4SIxNyD3MpZggAN1Vo2ISkvgB6ACooAH08-IL8qAAVY2AoAGEcdmNcwvqcqEz0viQAWzBnTHKAbygAUQBHAFccABsSfvpIAGNygF8oJUxnNqgAcgABUEgAWhnUcbGWAHNjdOHgJDH2db4+HehSkwB5ACMAKwg56m5xdPSUAADOIAAYAZRmKzGYzeODUM2GJlWSHYOCuzmYoKI-0BAEYwQAmIF4gAcuzxQN2QIALNjcVBCeIuNEAYytCDPCZMIoTjjPGzCVoCZ4ABTc3lQAA+UGYwzab1UAEpePzzIKtEzPJgIDhWJixiBZfLFZheOJ+DwANz3R5QGbVWo0FmCKazYD4IajMb4OCIFAYbB4fDPYDvL5zEhcdZA9Y8cgkCFQ5wwuEIpHAFFojFY8gJ8Ru74er3jX0+AP+YOh8NFqPrPFxhNQUHEskUqm00F5tWFuaekalv2+QMBENlGuR7jrQnrEgxxskCXME7dgvTIv971l-1+IMEaufWtTmdzhtz2PxxfAHnL6XGhWqO-DNgQJSKCCsVeu9d9ks+ocVnuY6vIek7RieGwQdOC73qaT4vm+cSfvm37upug7lruo4HhGwB1gAzDBz6sK+77ITiPBAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>, \u043c\u044b \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0438\u0441\u044c \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430\u043c\u0438:<\/p>\n<ol>\n<li>\n<p>\u041c\u0430\u0441\u0441\u0438\u0432\u044b \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043a\u043b\u044e\u0447\u0435\u0439 \u0441 \u0442\u0438\u043f\u043e\u043c &nbsp;<code>string<\/code>&nbsp;:<\/p>\n<figure class=\"\"><figcaption><\/figcaption><\/figure>\n<p>\u0417\u0434\u0435\u0441\u044c&nbsp;<code>'1' extends keyof string[]<\/code>&nbsp;\u0432\u0441\u0435\u0433\u0434\u0430 \u043b\u043e\u0436\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442&nbsp;<code>never<\/code>.<\/p>\n<\/li>\n<li>\n<p>\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0441\u043b\u043e\u0432\u043e\u043c <code>readonly<\/code><\/p>\n<figure class=\"\"><figcaption> <\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041a\u043e\u0440\u0442\u0435\u0436\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440&nbsp;<code>[0, 1, 2]<\/code>) \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0442&nbsp;<code>never<\/code>&nbsp;\u0432\u043c\u0435\u0441\u0442\u043e&nbsp;<code>undefined<\/code>:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<\/ol>\n<p>\u041f\u043e\u0439\u0434\u0435\u043c \u0447\u0438\u043d\u0438\u0442\u044c \u0432\u0441\u0435 \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e.<\/p>\n<h3>3.2. \u0412\u044b\u0432\u043e\u0434\u0438\u043c T | undefined<\/h3>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c&nbsp;<code>T | undefined<\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0442\u0432\u0435\u0442\u0430 (\u0442\u0430\u043a \u043a\u0430\u043a \u043f\u0440\u0438 \u0438\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u0438 \u043f\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0443 \u043c\u044b \u043d\u0435 \u0437\u043d\u0430\u0435\u043c, \u0435\u0441\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438\u043b\u0438 \u043d\u0435\u0442), \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f <code>T<\/code>:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u042f \u0434\u043e\u0431\u0430\u0432\u0438\u043b&nbsp;<code>A extends readonly (infer T)[]<\/code>&nbsp;, \u0442.\u043a. \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 (\u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0441\u043b\u043e\u0432\u043e <code>readonly<\/code>) \u044d\u0442\u043e \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u0432\u0435\u0440\u043d\u043e.<\/p>\n<p>\u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438, \u043d\u0430\u043c \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0447\u0438\u043d\u0438\u0442\u044c \u043a\u043e\u0440\u0442\u0435\u0436\u0438. \u041f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0432&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPOgDRQDSAfFALxlQQAewEAdgCYDOUA2gLoBQUKAH4o6AVABctBkzacuSZgDMImMhBAkAdDsUq1AJQjtg-QYJGkNdRiw5QA1hoD2S0ePPDY8ZGiy4CdC4rEB4SIxNyD3MpdBtZe0wIHFZnZgAbECgACj1VKAAVAEpeaM8ROEQUDGw8fAKoAB8oAFc2CCVFCFZw42Aoz08pZggAN1Vo4bGJvgB6ACooAH0V1bXVwr6oAGEcdmNl9aOlqHnZviQAWzBnTGAoAG8oAFEARxacdJJn+kgAY3uAF8oEpMM5LlAAOQAAVAkAAtH9UJ90iwAObGWYtYBIdLsSF8Phw6AFPoAeQARgArCAA6jccSzWZQAAM4gABgBlP5g9LpCk4NR-FomcFIdg4HFpdlERnMgCMHIATCz5QAOeHylnwlkAFhlcqgSvEXGiTKNWjZnhMmEUaNlnnNSq0is82RtdqaUGYLUuFNUJTCZuZzuNniSKTSmW9vv9mFKgn4PAA3ITiVA-nsDjRTYIfv9gPg3h90vhKr4agF6uTqbTgCQuJCWZCeOQSFyec4+QKhSLgGKJVLmOzyG3xPm60X3p8yz5qv46qSTJSaQCG5D5S221B2Sr1ZrtXqR2O879J8WZ+X57UCEvgCu6+ulZCSE2tyQPcw0aOHS8zwCpxLWcqj8G9q2XWs124SFn1fTdX2bVsP2AW0vy9H0-XyZo2lYDoulYH9x3-QsL1LK9QKrO8HygxtYKhOiYPfGNMLUbD2k6EYCJPP8C0Ay85woxca1XetoIAZiYnC8M4wieCAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h3>3.3. \u041a\u043e\u0440\u0442\u0435\u0436\u0438<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0438\u0437\u0432\u043b\u0435\u0447\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0438\u0437 \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u0433\u043e \u0438\u043d\u0434\u0435\u043a\u0441\u0430, \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043e\u0431\u043e\u0431\u0449\u0430\u044e\u0449\u0438\u0439 \u0442\u0438\u043f, \u043a\u0430\u043a \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 (\u043d\u0443 \u0438 \u0435\u0449\u0435 <code>undefined<\/code> \u0432 \u043f\u0440\u0438\u0434\u0430\u0447\u0443)<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0441 \u044d\u0442\u043e\u0439 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u043e\u0439, \u044f \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 \u0441 <code>extends<\/code> \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 (\u043d\u0430\u0437\u043e\u0432\u0435\u043c \u044d\u0442\u0443 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 <code>ExtendsTable<\/code>) \u0438 \u0431\u0443\u0434\u0435\u043c \u043f\u043e\u0434\u0431\u0438\u0440\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u0435, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0437\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u044c \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0438:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0412\u043e\u0437\u044c\u043c\u0435\u043c 4 \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u0430:<\/p>\n<ol>\n<li>\n<p><code>[0]<\/code><\/p>\n<\/li>\n<li>\n<p><code>number[]<\/code><\/p>\n<\/li>\n<li>\n<p><code>readonly number[]<\/code><\/p>\n<\/li>\n<li>\n<p><code>any[]<\/code><\/p>\n<\/li>\n<\/ol>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0414\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043d\u0430\u0440\u0438\u0441\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442:<\/p>\n<div>\n<div class=\"table\">\n<table>\n<tbody>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p><code>[0]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p><code>number[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p><code>readonly number[]<\/code><\/p>\n<\/td>\n<td>\n<p><code>any[]<\/code><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>[0]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u2705<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>number[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u2705<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>readonly number[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u274c<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td data-colwidth=\"316\" width=\"316\">\n<p><code>any[]<\/code><\/p>\n<\/td>\n<td data-colwidth=\"76\" width=\"76\">\n<p>\u274c<\/p>\n<\/td>\n<td data-colwidth=\"116\" width=\"116\">\n<p>\u2705<\/p>\n<\/td>\n<td data-colwidth=\"144\" width=\"144\">\n<p>\u2705<\/p>\n<\/td>\n<td>\n<p>\u2705<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u0415\u0441\u043b\u0438 \u043d\u0430 \u043f\u0435\u0440\u0435\u0441\u0435\u0447\u0435\u043d\u0438\u0438 \u2705 , \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0441\u0442\u0440\u043e\u0447\u043a\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u043c\u0430 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u043c. \u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432:<\/p>\n<ul>\n<li>\n<p><code>[0] extends [0]<\/code><\/p>\n<\/li>\n<li>\n<p><code>number[] extends readonly number[]<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0435\u0441\u043b\u0438 \u043d\u0430 \u043f\u0435\u0440\u0435\u0441\u0435\u0447\u0435\u043d\u0438\u0438 \u274c, \u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0441\u0442\u0440\u043e\u043a\u0430 \u043d\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u043e\u0439. \u041f\u0430\u0440\u0443 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432:<\/p>\n<ul>\n<li>\n<p><code>number[] extends [0]<\/code><\/p>\n<\/li>\n<li>\n<p><code>readonly number[] extends number[]<\/code><\/p>\n<\/li>\n<\/ul>\n<p>\u0412\u043e\u0437\u044c\u043c\u0435\u043c \u0441\u0442\u0440\u043e\u043a\u0443 \u0441&nbsp;<code>any[]<\/code>: \u0434\u043b\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438&nbsp;<code>[0]<\/code>&nbsp;\u043c\u044b \u0432\u0438\u0434\u0438\u043c \u274c, \u043a\u043e\u0433\u0434\u0430 \u0434\u043b\u044f \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 (\u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432) \u2013 \u044d\u0442\u043e \u2705.<\/p>\n<p>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u043c\u044b \u043d\u0430\u0448\u043b\u0438 \u043e\u0442\u0432\u0435\u0442!<\/p>\n<p>\u041c\u044b \u0432\u043e\u0437\u044c\u043c\u0435\u043c \u044d\u0442\u043e \u0443\u0441\u043b\u043e\u0432\u0438\u0435 <code>any[] extends A<\/code> \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c \u043a&nbsp;<code>GetWithArray<\/code>:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<ol>\n<li>\n<p>\u041c\u044b \u0440\u0430\u0437\u043b\u0438\u0447\u0430\u0435\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u0442 \u043a\u043e\u0440\u0442\u0435\u0436\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0443\u0441\u043b\u043e\u0432\u0438\u044f&nbsp;<code>any[] extends A<\/code><\/p>\n<\/li>\n<li>\n<p>\u0414\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c&nbsp;<code>T | undefined<\/code><\/p>\n<\/li>\n<li>\n<p>\u0414\u043b\u044f \u043a\u043e\u0440\u0442\u0435\u0436\u0435\u0439, \u043c\u044b \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0435\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0435\u0441\u043b\u0438 \u0438\u043d\u0434\u0435\u043a\u0441 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u0440\u0442\u0435\u0436\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442<\/p>\n<\/li>\n<li>\n<p>\u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u043c\u044b \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c&nbsp;<code>undefined<\/code><\/p>\n<\/li>\n<\/ol>\n<p>\u0415\u0441\u043b\u0438 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0435\u0449\u0435 \u0440\u0430\u0437 \u0432\u0437\u0433\u043b\u044f\u043d\u0443\u0442\u044c \u043d\u0430 \u0432\u0441\u0435 \u0442\u0435\u043a\u0443\u0449\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442\u0435 \u043d\u0430&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBA4hwHUCWwAWBBATpghiAPOgDRQDSAfFALxlQQAewEAdgCYDOUA2gLoBQUKAH4o6AVABctBkzacuSZgDMImMhBAkAdDsUq1AJQjtg-QYJE5mIXnUYsOo8eagB6V1BzY87Z+ZHodrKOmBA4rAD2zAA2IFAAFHqqUAAqAJS8fi4icIgoGN4EKVAAPlAArmwQSooQrCRGJuRZ5lKVrNW1rC3uUMDlYNHGLVKkGkEOnADWGhFKTi7ZsPDIaFi4BOhcYyA8DcbAzYutFVU1zHV+UhcAbqp8fK4AVFAA+u8fnx+pB1AAwjh2MY3l9Qa8oE9XHwkABbMARTDAKAAbygAFEAI7lHDREho+iQADGSIAvlAlJgIjCoAByAACoEgAFpCagcUNmABzYyucrAJDRdg0h6M6ApA4AeQARgArCDE6jccS9AAM4gABgBlQmU6LRKVeKCE8omKlIdg4flRdVEZUeACMGoATCr7QAOJn2lVMlUAFhtdqgTvEXD8vSdWjVLhMmEUnNtLnDWkdLniMbjpSgzHKMKlqgyezDHgjwZcoXCUViWZzecwmUE-B4AG4ReBoITAcCaKHBPiicB8JjsdF8LlVgUNvhxSZpXLiSQuDSVTSeOQSFqdRE9Qa1MbTTDzZakNbyGvxH35QOhzjRyt8us8FPJbLLwuafaV2uoOqXe7Pd6-XVU8E3RAlL0HLEbzHe9CifGcX3nbgaSdGkSCXT8SHTLlgPPMDiQg4dbzyNZYOnYBZ1fJCULQj80OXVdMOAWMuUzbNc2SMp2k6C5WBw3s8KvSCR2gkjJzIijEMXajaWk5CMOrdi1E4s4uj40D+wIqC71Ex9xIQ4A3wAZnkrjzjqHCeCAA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h2>4. \u041e\u0431\u0449\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/h2>\n<p>\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0438 \u0434\u043b\u044f \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c \u0434\u0432\u0430 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0438\u043f\u0430: &nbsp;<code>ExtractFromObject<\/code>&nbsp;\u0438&nbsp;<code>ExtractFromArray<\/code>, \u0433\u0434\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0437\u0432\u043b\u0435\u043a\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0437\u043d\u0430\u044f, \u0441 \u043a\u0430\u043a\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u0432 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0417\u0434\u0435\u0441\u044c \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/generics.html#generic-constraints\" rel=\"noopener noreferrer nofollow\">Generic Constrains<\/a>):<\/p>\n<ol>\n<li>\n<p>\u0414\u043b\u044f <code>ExtractFromObject<\/code>&nbsp;\u2013 \u044d\u0442\u043e&nbsp;<code>O extends Record&lt;PropertyKey, unknown&gt;<\/code>. \u042d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e <code>O<\/code> \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c \u043b\u044e\u0431\u043e\u0433\u043e \u0432\u0438\u0434\u0430<\/p>\n<\/li>\n<li>\n<p>\u0414\u043b\u044f <code>ExtractFromArray<\/code>&nbsp;\u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e: &nbsp;<code>A extends readonly any[]<\/code> \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0430\u0441\u0441\u0438\u0432 \u043b\u044e\u0431\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0438<\/p>\n<\/li>\n<\/ol>\n<p>\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0432&nbsp;<code>GetWithArray<\/code> \u0438 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u044f:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u042d\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u044f \u0442\u043e\u0436\u0435 \u043f\u043e\u043a\u0440\u044b\u043b \u0442\u0435\u0441\u0442\u0430\u043c\u0438. \u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430&nbsp;<a href=\"https:\/\/www.typescriptlang.org\/play?#code\/C4TwDgpgBAYglgG2BATgVQHYBMIDM4YRYA8AKgHxQC8UpUEAHstgM5QCu2eBRUA-FEIA3VFABctAFChIsRMhQA5dggRlKNOo2ZY2GFQn6CIIlOKkzo8JKkw58hLAEFsy1eupyb6Lg6LFrBTc1CnJJaXBoAFEmFABDAGNgGBQAewBbAHkAIwArCCTiTPomCFYoACUC1JQSAAU0yBRQAGkIEAAaDgwAawxUgHcMci6WjSgWkp02HvbU3ChMySgjTIBtFoBdZfNJ7TLdKFmQea8FO25HFyxgorCVlYFA218eZ1cDO43NqAAfbvsbx2KwknEBjnCligMWA8SSKQyThQ8RAxCcUwObBQEDiWFSGAQICgcQwIDWm1G4xJZJ++3KTh2AnRdMO2Nx+MJUAAFARcKJSABKcnAox0f5gy5EEWg14QkETDHlY6nBkPIxOb7SgGSrCQyJQADiEGAAHU4MAABZIlFFSmePalcrCx6LHYSB3TKBrXmiNqdKAAOiDPrMVRYwG2aoExRZbCqCRq9UaqFa7S6nD6g2GIpdRtN5qtyLiqJhcOSaSyeQKwFtE3aI0qEHD9zV5hjjtZOLxBKJ1OdrdzxrNlutxeIpcS5cRRdRmVG9a6YeALYHMvBUrVEmEqHCAHoAFRQAD6J9PZ9PtCbwCgAGE4iwm8fz8+j1B97vJHB0mAateAN7QgAjuwcQIF0MSQEkUAAL5QLgFZQAA5AAApYAC0CQWqBCBlAA5k2u7sMAiAsIheqyA0qRYOwSRwPiOT5FBNB-jsxHADhEjhigBC4TsOAsAk3FgMR+J8JxsI8XxcTIFu7DpNkO4rHEREWjUYlQCxaoYHE6QQOJ3EYLxaoIKkCTSXRGDqZprYJOaID6ZJarQTszkrMAcS4Sw6lrIhbJJIhXSIZYAlCcAAVIUIcA4KkiGRlALBwLh2nAOw2LqYhTg4Qw7RQAAQqgEAAF4EGRKw-uGLASGy3acgBFrAOkCAOYZMH9qYCX4pV3JcTxfyCHJCkoEK2zOREshmQ+bA0GsOwQdW47AaBxB5sOhY2pR1G0fRVZJF0PlsThsUNj1hnkCMs0MJBNZRItagrQWo6ohtNEiRgDHVntiH8YJcDCRZR1dCduF9RKfhYGdHQXVdC0gXdQ4PTOxDPVtb07cAn1YNJEAA-18moBDUPzTdsPLfDI6I8jr3vbtXqIcplo1OFiHabpONAyDspEATKxzYUxNLfd5PrWkm1U2jn306pKBMyZZmvUztmgGzEkteKnPg+dPOXUTt2k-mQtjpTFnU+jtOS4zgWy+Z+JM7iWDYiwpGbA2oNvNz0La3zuuC2thsiy9xvi2bKkW0hglEGUxGgaRgUAAw467jju7z13e2TvtPf7KMm597meUz8fO4FflhRz64a5DWvQ-zcP6xnSNZ2LjGm-tHkx0hADMCfq8nnupyTPuPQ3VEB9tzefQlSXSal2NF0hmWMDl+XYsVGCIWXOq99Xad10PRtjx9tPlcA7eIYXDZ1Q1TXxSrwOwWr5dbzrA-p3vjeB+PR+pBVBdM-VjXKwMsDB+m9NYe23i-XeFN34Hxpj5dqFlT7n0BrfPq+g8ZmBAWDAmmwgA\" rel=\"noopener noreferrer nofollow\">Playground<\/a>.<\/p>\n<h2>5. \u0421\u0432\u044f\u0437\u043a\u0430 \u0441 JavaScript<\/h2>\n<p>\u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u043a \u0440\u0435\u0448\u0435\u043d\u0438\u044e \u0432 JavaScript:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c&nbsp;<code>lodash<\/code>&nbsp;\u0432 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435, \u0433\u0434\u0435 \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f&nbsp;<code>get<\/code>. \u0415\u0441\u043b\u0438 \u0432\u044b \u0432\u044b\u0433\u043b\u044f\u043d\u0435\u0442\u0435 \u043d\u0430&nbsp;<a href=\"https:\/\/github.com\/DefinitelyTyped\/DefinitelyTyped\/blob\/master\/types\/lodash\/common\/object.d.ts#L1022\" rel=\"noopener noreferrer nofollow\">common\/object.d.ts<\/a>&nbsp;\u0432<code>@types\/lodash<\/code>, \u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043e\u0433\u043e\u0440\u0447\u0438\u0442\u0435\u0441\u044c. \u0412\u043e \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u044b\u0437\u043e\u0432&nbsp;<code>get<\/code>&nbsp;\u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442&nbsp;<code>any<\/code>&nbsp;:&nbsp;<a href=\"https:\/\/codesandbox.io\/s\/typescript-lodash-types-ndhvf?file=\/src\/index.type.ts:1379-1856\" rel=\"noopener noreferrer nofollow\">typescript-lodash-types<\/a><\/p>\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0437\u0430\u043c\u0435\u043d\u0438\u043c&nbsp;<code>reduce<\/code>&nbsp;\u043d\u0430 \u0446\u0438\u043a\u043b \u0441&nbsp;<code>for<\/code> (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 <code>for-of<\/code>), \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0440\u0430\u043d\u043d\u0438\u0439 \u0432\u044b\u0445\u043e\u0434 \u0438\u0437 \u0446\u0438\u043a\u043b\u0430 \u0441 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c, \u0435\u0441\u043b\u0438 \u043e\u043d\u043e <code>undefined<\/code> \u0438\u043b\u0438 <code>null<\/code>:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0410 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u043a\u0440\u043e\u0435\u043c \u044d\u0442\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e&nbsp;<code>get<\/code>&nbsp;\u0442\u0438\u043f\u0430\u043c\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0448\u0430\u0433\u0430\u0445. \u0420\u0430\u0437\u0434\u0435\u043b\u0438\u043c \u044d\u0442\u043e \u043d\u0430 \u0434\u0432\u0430 \u0441\u043b\u0443\u0447\u0430\u044f:<\/p>\n<ol>\n<li>\n<p>\u0422\u0438\u043f <code>Get<\/code>&nbsp;\u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u0433\u0434\u0430 \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u043e\u0433\u0434\u0430, \u043a\u043e\u0433\u0434\u0430 \u0432\u0441\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u044b \u0438 \u0442\u0438\u043f \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f<\/p>\n<\/li>\n<li>\n<p>\u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043e\u0448\u0438\u0431\u043a\u0438 \u043c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0432\u0442\u043e\u0440\u0443\u044e \u0441\u0438\u0433\u043d\u0430\u0442\u0443\u0440\u0443 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u043b\u0438 \u0447\u0438\u0441\u043b\u043e \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u0442\u0440\u043e\u043a\u0438 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0443\u0442\u0438)<\/p>\n<\/li>\n<\/ol>\n<p>\u0427\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/functions.html#function-overloads\" rel=\"noopener noreferrer nofollow\">\u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0437\u043a\u0443<\/a>, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c \u0441\u043b\u043e\u0432\u043e <code>function<\/code>, \u0430 \u043d\u0435 \u0441\u0442\u0440\u0435\u043b\u043e\u0447\u043d\u044b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u041f\u043e\u0447\u0442\u0438 \u0433\u043e\u0442\u043e\u0432\u043e. \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0442\u0438\u043f&nbsp;<code>Get<\/code>&nbsp;:<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<p>\u0412\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u0435 \u044f \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u043b \u043d\u0430&nbsp;<a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.type.ts:1584-1598\" rel=\"noopener noreferrer nofollow\">Codesandbox<\/a>:<\/p>\n<ol>\n<li>\n<p><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.ts:1027-1096\" rel=\"noopener noreferrer nofollow\">\u041c\u044b \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e <\/a><code>get<\/code><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.ts:1027-1096\" rel=\"noopener noreferrer nofollow\"> \u0441 \u0442\u0438\u043f\u0430\u043c\u0438<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.type.ts:1584-1598\" rel=\"noopener noreferrer nofollow\">\u041c\u044b \u043f\u043e\u043a\u0440\u044b\u043b\u0438 \u0442\u0438\u043f\u044b \u0442\u0435\u0441\u0442\u0430\u043c\u0438<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/codesandbox.io\/s\/typescript-get-implementation-types-gnsvo?file=\/src\/get\/index.test.ts:490-516\" rel=\"noopener noreferrer nofollow\">\u041c\u044b \u043f\u043e\u043a\u0440\u044b\u043b\u0438 \u0442\u0435\u0441\u0442\u0430\u043c\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u044e <\/a><code>get<\/code><\/p>\n<\/li>\n<\/ol>\n<h2>Summary<\/h2>\n<p>\u0414\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438 \u0442\u0440\u0435\u0431\u0443\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u0432 TypeScript:<\/p>\n<ol>\n<li>\n<p><a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/release-notes\/typescript-1-3.html#tuple-types\" rel=\"noopener noreferrer nofollow\">\u041a\u043e\u0440\u0442\u0435\u0436\u0438<\/a>&nbsp;\u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 TypeScript 1.3, \u043d\u043e \u0432\u0430\u0440\u0438\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442&nbsp;(<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/release-notes\/typescript-4-0.html#variadic-tuple-types\" rel=\"noopener noreferrer nofollow\">Variadic Tuple Types<\/a>) \u0431\u044b\u043b \u0432\u044b\u043f\u0443\u0449\u0435\u043d \u0432 \u0432\u0435\u0440\u0441\u0438\u0438 4.0, \u0442\u0430\u043a \u0447\u0442\u043e \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c spread \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u043e\u0440\u0442\u0435\u0436\u0435\u0439<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u0422\u0438\u043f\u044b \u0441 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c\u0438 (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/release-notes\/typescript-2-8.html#conditional-types\" rel=\"noopener noreferrer nofollow\">Conditional types<\/a>)&nbsp;\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 TypeScript 2.8<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u0441\u043b\u043e\u0432\u043e <code>infer<\/code>&nbsp; \u0432 \u0442\u0438\u043f\u0430\u0445 \u0441 \u0443\u0441\u043b\u043e\u0432\u0438\u0435\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 TypeScript 2.8<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u0420\u0435\u043a\u0443\u0440\u0441\u0438\u0432\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u0441 \u0443\u0441\u043b\u043e\u0432\u0438\u0435\u043c (<a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-1\/#recursive-conditional-types\" rel=\"noopener noreferrer nofollow\">Recursive conditional types<\/a>) \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 TypeScript 4.1<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0434\u043b\u044f \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0445 \u043b\u0438\u0442\u0435\u0440\u0430\u043b\u043e\u0432 (<a href=\"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-4-1\/#template-literal-types\" rel=\"noopener noreferrer nofollow\">Template Literal types<\/a>) \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 TypeScript 4.1<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0434\u0436\u0435\u043d\u0435\u0440\u0438\u043a\u043e\u0432 (\u043e\u0431\u043e\u0431\u0449\u0435\u043d\u0438\u0439?) (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/generics.html#generic-constraints\" rel=\"noopener noreferrer nofollow\">Generic Constrains<\/a>)<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<li>\n<p>\u041f\u0435\u0440\u0435\u0433\u0440\u0443\u0437\u043a\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 (<a href=\"https:\/\/www.typescriptlang.org\/docs\/handbook\/2\/functions.html#function-overloads\" rel=\"noopener noreferrer nofollow\">Function Overloads<\/a>)<\/p>\n<figure class=\"full-width\"><figcaption><\/figcaption><\/figure>\n<\/li>\n<\/ol>\n<p>\u0412\u0441\u0435\u043c \u0441\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435. \u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f, \u043f\u0438\u0448\u0438\u0442\u0435 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438. \u0412\u0441\u0435\u043c \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u0432\u0435\u0447\u0435\u0440\u0430 \u0438 \u0432\u044b\u0445\u043e\u0434\u043d\u044b\u0445.<\/p>\n<\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/post\/556538\/\"> https:\/\/habr.com\/ru\/post\/556538\/<\/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-322821","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/322821","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=322821"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/322821\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=322821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=322821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=322821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}