{"id":1359,"date":"2023-08-23T05:00:00","date_gmt":"2023-08-23T12:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1359"},"modified":"2023-10-02T15:22:15","modified_gmt":"2023-10-02T22:22:15","slug":"typescript-cheatsheet-classes","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/typescript-cheatsheet-classes\/","title":{"rendered":"Typescript Cheatsheet: Classes"},"content":{"rendered":"\n<p>A few weeks back, I shared a cheat sheet for <a href=\"https:\/\/www.angulartraining.com\/daily-newsletter\/typescript-cheatsheet-interfaces\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Typescript interfaces<\/a>. Today, I want to share a cheat sheet on classes, which can be complemented with my past entry on <a href=\"https:\/\/www.angulartraining.com\/daily-newsletter\/typescript-visibility-modifiers\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Typescript visibility modifiers<\/a>, as their behavior in Angular has specificities related to HTML templates.<\/p>\n\n\n\n<p>Note the <strong>common syntax<\/strong> section with the different options for field declarations:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/08\/image-30-1024x719.png\" alt=\"\" class=\"wp-image-1360\" srcset=\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/08\/image-30-1024x719.png 1024w, https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/08\/image-30-300x211.png 300w, https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/08\/image-30-768x539.png 768w, https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/08\/image-30.png 1315w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click this link to <a href=\"https:\/\/www.typescriptlang.org\/static\/TypeScript%20Classes-83cc6f8e42ba2002d5e2c04221fa78f9.png\" target=\"_blank\" rel=\"noopener\" title=\"\">see a larger version in a browser<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A few weeks back, I shared a cheat sheet for Typescript interfaces. Today, I want to share a cheat sheet on classes, which can be complemented with my past entry on Typescript visibility modifiers, as their behavior in Angular has specificities related to HTML templates. Note the common syntax section with the different options for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1359","post","type-post","status-publish","format-standard","hentry","category-typescript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/comments?post=1359"}],"version-history":[{"count":3,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1359\/revisions"}],"predecessor-version":[{"id":1619,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1359\/revisions\/1619"}],"wp:attachment":[{"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/media?parent=1359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/categories?post=1359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/tags?post=1359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}