{"id":3248,"date":"2020-07-13T08:52:00","date_gmt":"2020-07-13T08:52:00","guid":{"rendered":"http:\/\/the-codest.localhost\/blog\/generics-in-typescript\/"},"modified":"2026-04-24T11:39:03","modified_gmt":"2026-04-24T11:39:03","slug":"bendriniai-tipai-tipografiniame-scenarijuje","status":"publish","type":"post","link":"https:\/\/thecodest.co\/lt\/blog\/generics-in-typescript\/","title":{"rendered":"Bendrieji vaistai, esantys TypeScript"},"content":{"rendered":"<p>Bendrines funkcijas galima naudoti kartu su funkcijomis (sukuriant bendr\u0105j\u0105 funkcij\u0105), klas\u0117mis (sukuriant bendr\u0105j\u0105 klas\u0119) ir s\u0105sajomis (sukuriant bendr\u0105j\u0105 s\u0105saj\u0105).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pagrindinis naudojimas<\/h2>\n\n\n\n<p>Tikriausiai praeityje naudojote generinius kodus net to ne\u017einodami - da\u017eniausiai generiniai kodai naudojami deklaruojant masyv\u0105:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">const myArray: string[];<\/code><\/pre>\n\n\n\n<p>I\u0161 pirmo \u017evilgsnio tai n\u0117ra pernelyg ypatinga, mes tiesiog deklaruojame <code>myArray<\/code> kaip eilut\u0117s masyv\u0105, ta\u010diau tai yra tas pats, kas ir bendroji deklaracija:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">const myArray: Array;<\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ai\u0161kios nuostatos<\/h2>\n\n\n\n<p>Prad\u0117kime nuo labai paprasto pavyzd\u017eio - kaip gal\u0117tume perkelti \u0161\u012f vanilin\u012f <a href=\"https:\/\/thecodest.co\/lt\/blog\/hire-vue-js-developers\/\">JS<\/a> funkcij\u0105 \u012f <a href=\"https:\/\/thecodest.co\/lt\/dictionary\/typescript-developer\/\">TypeScript<\/a>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">funkcija getPrefiledArray(filler, length) {\n    return (new Array(length)).fill(filler);\n}<\/code><\/pre>\n\n\n\n<p>\u0160i funkcija gr\u0105\u017eins masyv\u0105, u\u017epildyt\u0105 nurodytu kiekiu <code>u\u017epildas<\/code>, tod\u0117l <code>ilgis<\/code> bus <code>numeris<\/code> ir visa funkcija gr\u0105\u017eins masyv\u0105 <code>u\u017epildas<\/code> - bet kas yra u\u017epildas? \u0160iuo metu tai gali b\u016bti bet kas, tod\u0117l viena i\u0161 galimybi\u0173 yra naudoti <code>bet kuris<\/code>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">funkcija getPrefiledArray(filler: any, length: number): any[] {\n    return (new Array(length)).fill(filler);\n}<\/code><\/pre>\n\n\n\n<p>Naudojant <code>bet kuris<\/code> tikrai yra bendras - galime perduoti tiesiogine prasme bet k\u0105, tod\u0117l apibr\u0117\u017eimo nuostata \u201cdirbti su keliais tipais, o ne su vienu tipu\u201d yra visi\u0161kai \u012fvykdyta, ta\u010diau prarandame ry\u0161\u012f tarp <code>u\u017epildas<\/code> tip\u0105 ir gr\u0105\u017einimo tip\u0105. \u0160iuo atveju norime gr\u0105\u017einti kok\u012f nors bendr\u0105 dalyk\u0105 ir galime ai\u0161kiai apibr\u0117\u017eti \u0161\u012f bendr\u0105 dalyk\u0105 kaip <strong>tipo parametras<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">funkcija getPrefiledArray(filler: T, length: number): T[] {\n    return (new Array(length)).fill(filler);\n}<\/code><\/pre>\n\n\n\n<p>ir naudokite taip:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">const prefilledArray = getPrefiledArray(0, 10);<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Bendrieji apribojimai<\/h2>\n\n\n\n<p>Panagrin\u0117kime kitus, tikriausiai da\u017eniau pasitaikan\u010dius atvejus. Kod\u0117l mes i\u0161 tikr\u0173j\u0173 naudojame tipus funkcijose? Man - tam, kad u\u017etikrintume, jog funkcijai perduodami argumentai tur\u0117s tam tikras savybes, su kuriomis noriu s\u0105veikauti.<\/p>\n\n\n\n<p>Dar kart\u0105 pabandykime perkelti paprast\u0105 vanilin\u0119 JS funkcij\u0105 \u012f TS.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">funkcija getLength(thing) {\n    return thing.length;\n}<\/code><\/pre>\n\n\n\n<p>Turime netrivial\u0173 galvos\u016bk\u012f - kaip u\u017etikrinti, kad daiktas tur\u0117t\u0173 <code>ilgis<\/code> savyb\u0117, ir pirma mintis gali b\u016bti, kad reikia daryti ka\u017ek\u0105 pana\u0161aus \u012f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">funkcija getLength(thing: typeof Array):number {\n    return thing.length;\n}<\/code><\/pre>\n\n\n\n<p>ir, priklausomai nuo konteksto, tai gali b\u016bti teisinga, apskritai mes esame \u0161iek tiek bendri - tai veiks su keli\u0173 tip\u0173 masyvais, bet k\u0105 daryti, jei i\u0161 tikr\u0173j\u0173 ne\u017einome, ar daiktas visada tur\u0117t\u0173 b\u016bti masyvas - galb\u016bt daiktas yra futbolo aik\u0161t\u0117 arba banano \u017eievel\u0117? Tokiu atveju turime surinkti bendr\u0105sias to daikto savybes \u012f konstrukcij\u0105, galin\u010di\u0105 apibr\u0117\u017eti objekto savybes - s\u0105saj\u0105:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">s\u0105saja IThingWithLength {\n  length: skai\u010dius;\n}<\/code><\/pre>\n\n\n\n<p>Galime naudoti <code>IThingWithLength<\/code> s\u0105saja kaip tipas <code>dalykas<\/code> parametras:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">funkcija getLength(thing: IThingWithLength):number {\n    return thing.length;\n}<\/code><\/pre>\n\n\n\n<p>atvirai kalbant, \u0161iame paprastame pavyzdyje tai bus visi\u0161kai gerai, bet jei norime, kad \u0161is tipas b\u016bt\u0173 bendras, ir nesusidurtume su pirmojo pavyzd\u017eio problema, galime naudoti <strong>Bendrieji apribojimai<\/strong>:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">funkcija getLength(thing: T):number {\n    return thing.length;\n}<\/code><\/pre>\n\n\n\n<p>ir naudokite j\u012f:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">s\u0105saja IBananaPeel {\n  storis: skai\u010dius;\n  ilgis: skai\u010dius;\n}\n\nconst bananaPeel: IBananaPeel = {thickness: 0.2, length: 3.14};\ngetLength(bananaPeel);<\/code><\/pre>\n\n\n\n<p>Naudojant <code>i\u0161ple\u010dia<\/code> u\u017etikrina, kad <code>T<\/code> bus pateiktos savyb\u0117s, kurias apibr\u0117\u017eia <code>IThingWithLength<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bendrosios klas\u0117s<\/h2>\n\n\n\n<p>Iki \u0161iol dirbome su bendrosiomis funkcijomis, ta\u010diau tai ne vienintel\u0117 vieta, kur bendrin\u0117s funkcijos yra puikios, tod\u0117l pa\u017ei\u016br\u0117kime, kaip galime jas \u012ftraukti \u012f klases.<\/p>\n\n\n\n<p>Pirmiausia pabandykime banan\u0173 krep\u0161elyje laikyti banan\u0173 kek\u0119:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">klas\u0117 Banana {\n  konstruktorius(\n    public length: skai\u010dius,\n    public color: string,\n    public jonizingRadiation: number\n  ) {}\n}\n\nklas\u0117 BananaBasket {\n  private bananas: Banana[] = [];\n\n  add(banana: Banana): void {\n    this.bananas.push(banana);\n  }\n}\n\nconst bananaBasket = new BananaBasket();\nbananaBasket.add(new Banana(3.14, \u2018red\u2019, 10e-7));<\/code><\/pre>\n\n\n\n<p>Dabar pabandykime sukurti bendros paskirties krep\u0161el\u012f, \u012f skirtingus dalykus su tuo pa\u010diu tipu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">klas\u0117 Basket {\n  private stuff: T[] = [];\n\n  add(thing: T): void {\n    this.stuff.push(thing);\n  }\n}\n\nconst bananaBasket = new Basket();<\/code><\/pre>\n\n\n\n<p>Ir galiausiai, tarkime, kad m\u016bs\u0173 krep\u0161ys yra radioaktyvi\u0173j\u0173 med\u017eiag\u0173 talpykla ir kad jame galime laikyti tik tokias med\u017eiagas, kurios turi <code>jonizuojan\u010dioji spinduliuot\u0117<\/code> nuosavyb\u0117:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">s\u0105saja IRadioactive {\n  ionizingRadiation: number;\n}\n\nklas\u0117 RadioactiveContainer {\n  private stuff: T[] = [];\n\n  add(thing: T): void {\n    this.stuff.push(thing);\n  }\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Bendroji s\u0105saja<\/h2>\n\n\n\n<p>Galiausiai pabandykime surinkti visas \u017einias ir sukurti radioaktyvi\u0105 imperij\u0105, taip pat naudodami bendr\u0105sias s\u0105sajas:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"typescript\" class=\"language-typescript\">\/\/ Apibr\u0117\u017eti bendrus konteineri\u0173 atributus\ns\u0105saja IRadioactive {\n  ionizingRadiation: number;\n}\n\n\n\/\/ Apibr\u0117\u017eti ka\u017ek\u0105, kas yra radioaktyvus\ns\u0105saja IBanana extends IRadioactive {\n  ilgis: skai\u010dius;\n  spalva: string;\n}\n\n\/\/ Apibr\u0117\u017eti ka\u017ek\u0105, kas n\u0117ra radioaktyvus\ns\u0105saja IDog {\n  weight: skai\u010dius;\n}\n\n\/\/ Apibr\u0117\u017ekite konteinerio, kuriame gali b\u016bti tik radioaktyv\u016bs daiktai, s\u0105saj\u0105\ns\u0105saja IRadioactiveContainer {\n  add(thing: T): void;\n  getRadioactiveness(): skai\u010dius;\n}\n\n\/\/ Apibr\u0117\u017eti klas\u0119, \u012fgyvendinan\u010di\u0105 radioaktyvaus konteinerio s\u0105saj\u0105\nKlas\u0117 Radioaktyvus konteineris implements IRadioactiveContainer {\n  private stuff: T[] = [];\n\n  add(thing: T): void {\n    this.stuff.push(thing);\n  }\n\n  getRadioactiveness(): number {\n      return this.stuff.reduce((a, b) =&gt; a + b.jonizingRadiation, 0)\n  }\n}\n\n\/\/ KLAIDA! Tipas 'IDog' neatitinka apribojimo 'IRadioactive\n\/\/ Ir gana \u017eiauru laikyti \u0161unis radioaktyviajame konteineryje\nconst dogsContainer = new RadioactiveContainer();\n\n\/\/ Viskas gerai!\nconst radioactiveContainer = new RadioactiveContainer();\n\n\/\/ Nepamir\u0161kite r\u016b\u0161iuoti radioaktyvi\u0173j\u0173 atliek\u0173 - sukurkite atskir\u0105 \u0161iuk\u0161liad\u0117\u017e\u0119 tik bananams\nconst bananasContainer = new RadioactiveContainer();<\/code><\/pre>\n\n\n\n<p>Tai viskas, \u017emon\u0117s!<\/p>","protected":false},"excerpt":{"rendered":"<p>Bendriniai kodai - tai daugkartinio naudojimo kodo dalys, kurios veikia su keliais tipais, o ne su vienu tipu. Generics suteikia galimyb\u0119 tip\u0105 laikyti kintamuoju ir nurodyti j\u012f naudojant, pana\u0161iai kaip funkcij\u0173 parametrus.<\/p>","protected":false},"author":2,"featured_media":3249,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-3248","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Generics in TypeScript - The Codest<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thecodest.co\/lt\/tinklarastis\/bendriniai-tipai-tipografiniame-scenarijuje\/\" \/>\n<meta property=\"og:locale\" content=\"lt_LT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Generics in TypeScript\" \/>\n<meta property=\"og:description\" content=\"Generics provide reusable bits of code that work with a number of types instead of a single type. Generics provide a way to treat type as a variable and specify it on usage, similar to function parameters.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thecodest.co\/lt\/tinklarastis\/bendriniai-tipai-tipografiniame-scenarijuje\/\" \/>\n<meta property=\"og:site_name\" content=\"The Codest\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-13T08:52:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-24T11:39:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-75.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"thecodest\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"thecodest\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minut\u0117s\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/\"},\"author\":{\"name\":\"thecodest\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\"},\"headline\":\"Generics in TypeScript\",\"datePublished\":\"2020-07-13T08:52:00+00:00\",\"dateModified\":\"2026-04-24T11:39:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/\"},\"wordCount\":516,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-75.jpg\",\"articleSection\":[\"Software Development\"],\"inLanguage\":\"lt-LT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/\",\"name\":\"Generics in TypeScript - The Codest\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-75.jpg\",\"datePublished\":\"2020-07-13T08:52:00+00:00\",\"dateModified\":\"2026-04-24T11:39:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#breadcrumb\"},\"inLanguage\":\"lt-LT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-75.jpg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/05\\\/cover-image-75.jpg\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/blog\\\/generics-in-typescript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thecodest.co\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Generics in TypeScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#website\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"name\":\"The Codest\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thecodest.co\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"lt-LT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#organization\",\"name\":\"The Codest\",\"url\":\"https:\\\/\\\/thecodest.co\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"contentUrl\":\"https:\\\/\\\/thecodest.co\\\/app\\\/uploads\\\/2024\\\/03\\\/thecodest-logo.svg\",\"width\":144,\"height\":36,\"caption\":\"The Codest\"},\"image\":{\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/pl.linkedin.com\\\/company\\\/codest\",\"https:\\\/\\\/clutch.co\\\/profile\\\/codest\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thecodest.co\\\/#\\\/schema\\\/person\\\/7e3fe41dfa4f4e41a7baad4c6e0d4f76\",\"name\":\"thecodest\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"lt-LT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g\",\"caption\":\"thecodest\"},\"url\":\"https:\\\/\\\/thecodest.co\\\/lt\\\/author\\\/thecodest\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"TypeScript - The Codest bendriniai vaistai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thecodest.co\/lt\/tinklarastis\/bendriniai-tipai-tipografiniame-scenarijuje\/","og_locale":"lt_LT","og_type":"article","og_title":"Generics in TypeScript","og_description":"Generics provide reusable bits of code that work with a number of types instead of a single type. Generics provide a way to treat type as a variable and specify it on usage, similar to function parameters.","og_url":"https:\/\/thecodest.co\/lt\/tinklarastis\/bendriniai-tipai-tipografiniame-scenarijuje\/","og_site_name":"The Codest","article_published_time":"2020-07-13T08:52:00+00:00","article_modified_time":"2026-04-24T11:39:03+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-75.jpg","type":"image\/jpeg"}],"author":"thecodest","twitter_card":"summary_large_image","twitter_misc":{"Written by":"thecodest","Est. reading time":"3 minut\u0117s"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/#article","isPartOf":{"@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/"},"author":{"name":"thecodest","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76"},"headline":"Generics in TypeScript","datePublished":"2020-07-13T08:52:00+00:00","dateModified":"2026-04-24T11:39:03+00:00","mainEntityOfPage":{"@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/"},"wordCount":516,"commentCount":0,"publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"image":{"@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-75.jpg","articleSection":["Software Development"],"inLanguage":"lt-LT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/thecodest.co\/blog\/generics-in-typescript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/","url":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/","name":"TypeScript - The Codest bendriniai vaistai","isPartOf":{"@id":"https:\/\/thecodest.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/#primaryimage"},"image":{"@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/#primaryimage"},"thumbnailUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-75.jpg","datePublished":"2020-07-13T08:52:00+00:00","dateModified":"2026-04-24T11:39:03+00:00","breadcrumb":{"@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/#breadcrumb"},"inLanguage":"lt-LT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thecodest.co\/blog\/generics-in-typescript\/"]}]},{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/#primaryimage","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-75.jpg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/05\/cover-image-75.jpg","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/thecodest.co\/blog\/generics-in-typescript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thecodest.co\/"},{"@type":"ListItem","position":2,"name":"Generics in TypeScript"}]},{"@type":"WebSite","@id":"https:\/\/thecodest.co\/#website","url":"https:\/\/thecodest.co\/","name":"The Codest","description":"","publisher":{"@id":"https:\/\/thecodest.co\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thecodest.co\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"lt-LT"},{"@type":"Organization","@id":"https:\/\/thecodest.co\/#organization","name":"The Codest","url":"https:\/\/thecodest.co\/","logo":{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/","url":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","contentUrl":"https:\/\/thecodest.co\/app\/uploads\/2024\/03\/thecodest-logo.svg","width":144,"height":36,"caption":"The Codest"},"image":{"@id":"https:\/\/thecodest.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/pl.linkedin.com\/company\/codest","https:\/\/clutch.co\/profile\/codest"]},{"@type":"Person","@id":"https:\/\/thecodest.co\/#\/schema\/person\/7e3fe41dfa4f4e41a7baad4c6e0d4f76","name":"thecodest","image":{"@type":"ImageObject","inLanguage":"lt-LT","@id":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5dbfe6a1e8c86e432e8812759e34e6fe82ebac75119ae3237a6c1311fa19caf4?s=96&d=mm&r=g","caption":"thecodest"},"url":"https:\/\/thecodest.co\/lt\/author\/thecodest\/"}]}},"_links":{"self":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/comments?post=3248"}],"version-history":[{"count":9,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3248\/revisions"}],"predecessor-version":[{"id":7822,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/posts\/3248\/revisions\/7822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/media\/3249"}],"wp:attachment":[{"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/media?parent=3248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/categories?post=3248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thecodest.co\/lt\/wp-json\/wp\/v2\/tags?post=3248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}