Der Schwerpunkt bei der Softwareentwicklung liegt darauf, Komponenten zu erschaffen, die nicht nur \u00fcber gut definierte und einheitliche Schnittstellen verf\u00fcgen, sondern auch wiederverwendbar sind. Komponenten, die in der Lage sind, sowohl mit aktuellen als auch zuk\u00fcnftigen Daten zu arbeiten, bieten die gr\u00f6\u00dfte Flexibilit\u00e4t beim Aufbau gro\u00dfer Software-Systeme.<\/p>\n\n\n\n
In Programmiersprachen wie C# und Java ist eine der wichtigsten Techniken f\u00fcr die Erstellung wiederverwendbarer Komponenten die Verwendung von Generics. Das bedeutet, dass man eine Komponente erschaffen kann, die mit verschiedenen Typen arbeiten kann, anstatt nur mit einem bestimmten Typ. Dies erm\u00f6glicht es den Anwendern, diese Komponenten zu nutzen und ihre eigenen Typen zu verwenden.<\/p>\n\n\n\n
Beginnen wir mit dem Grundbeispiel der Generics: der Identit\u00e4tsfunktion. Die Identit\u00e4tsfunktion ist eine Funktion, die das zur\u00fcckgibt, was ihr \u00fcbergeben wird. Du kannst dir das vorstellen wie den Befehl Ohne die Verwendung von Generics m\u00fcssten wir der Identit\u00e4tsfunktion entweder einen spezifischen Typ zuweisen:<\/p>\n\n\n\n Alternativ k\u00f6nnten wir die Identit\u00e4tsfunktion mit dem Typ Wir haben gesehen, dass die Verwendung von Wir haben eine Typvariable mit dem Namen Wir bezeichnen diese Version der Identit\u00e4tsfunktion als generisch, da sie \u00fcber eine Vielzahl von Typen hinweg funktioniert. Im Gegensatz zur Verwendung von Nachdem wir die generische Identit\u00e4tsfunktion geschrieben haben, kann sie auf zwei Arten aufgerufen werden. Der erste Weg besteht darin, alle Argumente, einschlie\u00dflich des Typ-Arguments, an die Funktion zu \u00fcbergeben.<\/p>\n\n\n\n Hier definieren wir den Eine weitere M\u00f6glichkeit ist die Verwendung der Typenargument-Inferenz. Hierbei \u00fcberlassen wir dem Compiler, den Wert von Type automatisch anhand des Typs des \u00fcbergebenen Arguments zu setzen.<\/p>\n\n\n\n Bitte beachte, dass es nicht erforderlich war, den Typ explizit in den Winkelklammern anzugeben. Der Compiler hat einfach den Wert Wenn du anf\u00e4ngst, mit Generics zu arbeiten, wirst du feststellen, dass der Compiler bei der Erstellung von Funktionen wie Lass uns die Identit\u00e4tsfunktion, die wir bereits kennengelernt haben, n\u00e4her betrachten:<\/p>\n\n\n\n Was passiert, wenn wir bei jedem Aufruf der Funktion auch die L\u00e4nge des Arguments Wenn wir den oberen Code-Block ausf\u00fchren, wird der Compiler uns einen Fehler melden, weil wir das Angenommen, wir haben eigentlich beabsichtigt, dass diese Funktion mit Arrays des Der Typ von der Funktion Alternativ k\u00f6nnen wir das Beispiel auch wie folgt schreiben:<\/p>\n\n\n\n Du kennst m\u00f6glicherweise diesen Typenstil bereits aus anderen Programmiersprachen. Im zweiten Teil dieser Reihe werden wir zeigen, wie du eigene generische Typen wie Der Schwerpunkt bei der Softwareentwicklung liegt darauf, Komponenten zu erschaffen, die nicht nur \u00fcber gut definierte und einheitliche Schnittstellen verf\u00fcgen, […]<\/p>\n","protected":false},"author":1,"featured_media":553,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[106],"tags":[77,97,104,76],"class_list":["post-550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-clean-code","tag-array","tag-clean-code","tag-generics","tag-typescript"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/mlmwwmq2k3up.i.optimole.com\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/rising-bits.com\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-13-at-17.31.35.png?fit=1668%2C684&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/posts\/550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/comments?post=550"}],"version-history":[{"count":2,"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/posts\/550\/revisions"}],"predecessor-version":[{"id":555,"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/posts\/550\/revisions\/555"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/media\/553"}],"wp:attachment":[{"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/media?parent=550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/categories?post=550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rising-bits.com\/en\/wp-json\/wp\/v2\/tags?post=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}echo<\/code>.<\/p>\n\n\n\nfunction identity(arg: number): number {\n return arg;\n}<\/code><\/pre>\n\n\n\nany<\/code> beschreiben:<\/p>\n\n\n\nfunction identity(arg: any): any {\n return arg;\n}<\/code><\/pre>\n\n\n\nany<\/code> zwar generisch ist, aber bei der R\u00fcckgabe verlieren wir Informationen \u00fcber den tats\u00e4chlichen Typ. Stattdessen ben\u00f6tigen wir eine Methode, um den Typ des Arguments zu erfassen und zu definieren, was zur\u00fcckgegeben wird. Hier kommt die Typvariable ins Spiel, eine besondere Art von Variablen, die sich auf Typen und nicht auf Werte konzentriert.<\/p>\n\n\n\nfunction identity<Type>(arg: Type): Type {\n return arg;\n}<\/code><\/pre>\n\n\n\nType<\/code> zur Identit\u00e4tsfunktion hinzugef\u00fcgt. Diese Art hilft uns, den von dem Benutzer bereitgestellten Typ zu erfassen, wie zum Beispiel eine Zahl. Dadurch k\u00f6nnen wir sp\u00e4ter auf diese Information zur\u00fcckgreifen. In diesem Fall wird die Type erneut als R\u00fcckgabetyp verwendet. Wenn man genauer hinsieht, kann man erkennen, dass der gleiche Typ f\u00fcr das Argument und den R\u00fcckgabetyp verwendet wird. Dies erm\u00f6glicht es uns, diese Typ-Information auf einer Seite der Funktion einzuf\u00fchren und auf der anderen Seite wieder herauszuf\u00fchren.<\/p>\n\n\n\nany<\/code>, bei der manche Informationen verloren gehen k\u00f6nnen, ist diese generische Version genau so pr\u00e4zise wie die erste Identit\u00e4tsfunktion, die Zahlen f\u00fcr das Argument und den R\u00fcckgabetyp verwendet hat.<\/p>\n\n\n\nlet output = identity<string>(\"myString\");<\/code><\/pre>\n\n\n\nType<\/code> explizit als String<\/code>, indem wir eines der Argumente an die Funktion \u00fcbergeben und es mit den <><\/code>-Zeichen um die Argumente kennzeichnen, anstatt mit den \u00fcblichen ()<\/code>-Zeichen.<\/p>\n\n\n\nlet output = identity(\"myString\");<\/code><\/pre>\n\n\n\nmyString<\/code> betrachtet und den Typ auf die entsprechende Art festgelegt. Trotz dessen, dass die Typargument-Inferenz ein n\u00fctzliches Mittel sein kann, um den Code k\u00fcrzer und verst\u00e4ndlicher zu gestalten, kann es in manchen F\u00e4llen notwendig sein, die Typargumente explizit anzugeben, wie dies im vorherigen Beispiel gezeigt wurde. Dies kann bei komplexeren Anwendungsf\u00e4llen der Fall sein, wenn der Compiler den Typ nicht automatisch bestimmen kann.<\/p>\n\n\n\nDas Arbeiten mit Generics<\/h2>\n\n\n\n
identity<\/code> daf\u00fcr sorgt, dass du die generisch typisierten Parameter innerhalb des Funktionsrumpfes korrekt verwenden. Dies bedeutet, dass du die Parameter so behandeln m\u00fcssen, als k\u00f6nnten sie jeder und jeder Typ sein. Der Compiler stellt sicher, dass du die generischen Typen korrekt in Ihrem Code verwenden.<\/p>\n\n\n\nfunction identity<Type>(arg: Type): Type {\n return arg;\n}<\/code><\/pre>\n\n\n\narg<\/code> in der Konsole protokollieren m\u00f6chten? Es k\u00f6nnte verlockend sein, folgendes zu schreiben:<\/p>\n\n\n\nfunction loggingIdentity<Type>(arg: Type): Type {\n console.log(arg.length); \/\/ Property 'length' does not exist on type 'Type'.\n return arg;\n}<\/code><\/pre>\n\n\n\n.length<\/code>-Mitglied von arg<\/code> verwenden, ohne dass wir gesagt haben, dass arg<\/code> dieses Mitglied hat. Wir sollten uns daran erinnern, dass wir fr\u00fcher erw\u00e4hnt haben, dass diese Typparameter f\u00fcr jeden m\u00f6glichen Type<\/code> stehen und jemand, der diese Funktion nutzt, stattdessen auch eine Zahl \u00fcbergeben k\u00f6nnte, die kein .length<\/code>-Mitglied hat.<\/p>\n\n\n\nType<\/code> arbeitet und nicht direkt mit dem Type<\/code>. Da wir mit Arrays<\/code> arbeiten, sollte das .length<\/code>-Mitglied verf\u00fcgbar sein. Wir k\u00f6nnen dies so beschreiben, wie wir Arrays<\/code> anderer Typen erstellen:<\/p>\n\n\n\nfunction loggingIdentity<Type>(arg: Type[]): Type[] {\n console.log(arg.length);\n return arg;\n}<\/code><\/pre>\n\n\n\nloggingIdentity<\/code> kann als „eine generische Funktion, die den Typparameter Type<\/code> und ein Argument arg<\/code>, welches ein Array<\/code> von Type<\/code>s ist, akzeptiert und ein Array<\/code> von Type<\/code>s zur\u00fcckgibt“ gelesen werden. Wenn wir ein Array<\/code> mit Zahlen \u00fcbergeben, w\u00fcrde das Array<\/code> mit Zahlen zur\u00fcckgegeben, da Type an die Zahl gebunden ist. Dies gibt uns die M\u00f6glichkeit, den generischen Typparameter Type<\/code> als Teil der Type<\/code>s, mit denen wir arbeiten, anstelle des gesamten Typs, zu verwenden und erh\u00f6ht dadurch unsere Flexibilit\u00e4t.<\/p>\n\n\n\nfunction loggingIdentity<Type>(arg: Array<Type>): Array<Type> {\n console.log(arg.length); \/\/ Array has a .length, so no more error\n return arg;\n}<\/code><\/pre>\n\n\n\nArray<Type><\/code> erstellen kannst.<\/p>","protected":false},"excerpt":{"rendered":"