<\/div>\n

Merhaba,<\/p>\n

Her Object-Oriented Programming(OOP) yakla\u015f\u0131m\u0131n\u0131 benimseyen programlama dilinde oldu\u011fu gibi s\u0131n\u0131f elemanlar\u0131ndan get ve set propertyleri TypeScript dilinde de mevcuttur. Haliyle bu i\u00e7eri\u011fimizde ilgili yap\u0131lar\u0131n TypeScript’te nas\u0131l olu\u015fturuldu\u011funu ve kullan\u0131ld\u0131\u011f\u0131n\u0131 inceleyece\u011fiz.<\/p>\n

\u00d6ncelikle property dedi\u011fimiz s\u0131n\u0131f eleman\u0131n\u0131n yap\u0131s\u0131n\u0131n ne oldu\u011funa de\u011finerek ba\u015flayal\u0131m. Property; tan\u0131msal a\u00e7\u0131dan ne kadar kendine has bir \u00f6zellik g\u00f6stersede esas\u0131nda bir fonksiyonel f\u0131tratta bir yap\u0131ya sahiptir. \u0130\u015flevsel a\u00e7\u0131dan d\u0131\u015fardan gelecek veriyi kar\u015f\u0131layacak olan “set” ve d\u0131\u015far\u0131ya veri g\u00f6nderecek “get” olmak \u00fczere iki tipi mevcuttur.<\/p>\n

TypeScript’te get ya da set property’si olu\u015fturabilmek i\u00e7in fonksiyon yap\u0131lar\u0131ndan faydalan\u0131lmaktad\u0131r. Hangi tipte property tan\u0131mlanacaksa fonksiyon ba\u015f\u0131na “get” ya da “set” keywordlerinin belirtilmesi yeterlidir. <\/p>\n

Bu bilgiler e\u015fli\u011finde a\u015fa\u011f\u0131daki \u00f6rnek tan\u0131mlamay\u0131 inceleyiniz.<\/p>\n

\r\nexport class ExampleMember {\r\n    private _x: string;\r\n    public get xGet() {\r\n        return this._x;\r\n    }\r\n    public set xSet(text: string) {\r\n        this._x = text;\r\n    }\r\n}\r\n<\/pre>\nYukar\u0131daki \u00f6rnek tan\u0131mlamada oldu\u011fu gibi s\u0131ras\u0131yla get<\/em> ve set<\/em> \u00f6zelli\u011fi g\u00f6steren “xGet” ve “xSet” propertyleri tan\u0131mlanm\u0131\u015ft\u0131r.<\/p>\n
\r\nexport class AppComponent {\r\n  constructor() {\r\n    let instance: ExampleMember = new ExampleMember();\r\n    instance.xSet = "Hello";\r\n    alert(instance.xGet)\r\n  }\r\n}\r\n<\/pre>\nBurada ise tan\u0131mlanm\u0131\u015f propertylerin nas\u0131l kullan\u0131ld\u0131\u011f\u0131 \u00f6rneklendirilmi\u015ftir.<\/p>\n
Bir field’a \u00f6zel olu\u015fturulan get<\/em> ve set<\/em> propertylerinin isimleri farkl\u0131 olmak zorunda de\u011fildir!<\/u> Ayn\u0131 olabilir.<\/p><\/blockquote>\n
\r\nexport class ExampleMember {\r\n    private _x: string;\r\n    public get x() {\r\n        return this._x;\r\n    }\r\n    public set x(text: string) {\r\n        this._x = text;\r\n    }\r\n}\r\n\r\nexport class AppComponent {\r\n  constructor() {\r\n    let instance: ExampleMember = new ExampleMember();\r\n    instance.x = "Hello";\r\n    alert(instance.x)\r\n  }\r\n}\r\n<\/pre>\nBurada compiler ayr\u0131m olarak propertylerin get ya da set tipine g\u00f6re eleman\u0131n yap\u0131s\u0131n\u0131 ay\u0131rt etmekte ve kullan\u0131m tarz\u0131na g\u00f6rede yap\u0131y\u0131 se\u00e7mektedir.<\/p>\n
\u0130lgilenenlerin faydalanmas\u0131 dile\u011fiyle…<\/p>\n
Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, Her Object-Oriented Programming(OOP) yakla\u015f\u0131m\u0131n\u0131 benimseyen programlama dilinde oldu\u011fu gibi s\u0131n\u0131f elemanlar\u0131ndan get ve set propertyleri TypeScript dilinde de mevcuttur. Haliyle bu i\u00e7eri\u011fimizde ilgili yap\u0131lar\u0131n TypeScript’te nas\u0131l olu\u015fturuldu\u011funu ve kullan\u0131ld\u0131\u011f\u0131n\u0131 inceleyece\u011fiz. \u00d6ncelikle property dedi\u011fimiz...<\/p>\n","protected":false},"author":1,"featured_media":10448,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2192],"tags":[2193,2769,2768,2770],"class_list":["post-10432","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typescript","tag-typescript","tag-typescript-get-property","tag-typescript-property","tag-typescript-set-property"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/10432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=10432"}],"version-history":[{"count":17,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/10432\/revisions"}],"predecessor-version":[{"id":10450,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/10432\/revisions\/10450"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/10448"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=10432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=10432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=10432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}