Yaz\u0131l\u0131m geli\u015ftirme d\u00fcnyas\u0131nda, kar\u015f\u0131la\u015f\u0131lan ortak problemleri \u00e7\u00f6zmek i\u00e7in kan\u0131tlanm\u0131\u015f, tekrar kullan\u0131labilir \u00e7\u00f6z\u00fcmler sunan tasar\u0131m desenleri, mimari bir yol haritas\u0131 g\u00f6revi g\u00f6r\u00fcr. Bu desenler, kodun okunabilirli\u011fini, s\u00fcrd\u00fcr\u00fclebilirli\u011fini ve geni\u015fletilebilirli\u011fini art\u0131r\u0131r. Tasar\u0131m desenleri aras\u0131nda en temel ve s\u0131kl\u0131kla yanl\u0131\u015f anla\u015f\u0131lanlardan biri de Singleton (Tekil Nesne) desenidir. Bu rehberde, Singleton tasar\u0131m desenini JavaScript \u00f6zelinde detayl\u0131 bir \u015fekilde inceleyecek, nas\u0131l uygulanaca\u011f\u0131n\u0131 g\u00f6sterecek, ne zaman kullan\u0131lmas\u0131 gerekti\u011fini tart\u0131\u015facak ve potansiyel tuzaklara de\u011finece\u011fiz.<\/p>\n
Singleton tasar\u0131m deseni, bir s\u0131n\u0131f\u0131n yaln\u0131zca bir \u00f6rne\u011finin (instance) olmas\u0131n\u0131 ve bu tek \u00f6rne\u011fe global bir eri\u015fim noktas\u0131 sa\u011flamas\u0131n\u0131 garanti eden yarat\u0131msal (creational) bir desendir. Temel amac\u0131, bir uygulaman\u0131n ya\u015fam d\u00f6ng\u00fcs\u00fc boyunca belirli bir kayna\u011f\u0131n veya hizmetin sadece bir kez ba\u015flat\u0131lmas\u0131n\u0131 ve t\u00fcm bile\u015fenler taraf\u0131ndan payla\u015f\u0131lmas\u0131n\u0131 sa\u011flamakt\u0131r. Bu, \u00f6zellikle kaynak yo\u011fun nesnelerin (\u00f6rne\u011fin, veritaban\u0131 ba\u011flant\u0131lar\u0131, konfig\u00fcrasyon y\u00f6neticileri veya loglama servisleri) performans ve tutarl\u0131l\u0131k a\u00e7\u0131s\u0131ndan tek bir noktadan y\u00f6netilmesini gerektiren senaryolarda kritik \u00f6neme sahiptir.<\/p>\n
Singleton’\u0131n temel prensipleri \u015funlard\u0131r:<\/p>\n
JavaScript, s\u0131n\u0131f tabanl\u0131 bir dil olmasa da (prototip tabanl\u0131d\u0131r), ES6 ile birlikte gelen JavaScript’te Singleton deseni i\u00e7in birden fazla uygulama yakla\u015f\u0131m\u0131 bulunmaktad\u0131r. Her bir yakla\u015f\u0131m, dilin farkl\u0131 \u00f6zelliklerinden yararlan\u0131r ve farkl\u0131 senaryolar i\u00e7in uygun olabilir.<\/p>\n Bu yakla\u015f\u0131m, Singleton’\u0131 bir kurucu fonksiyon ve bir closure (kapan\u0131m) kullanarak olu\u015fturur. Closure, tekil \u00f6rne\u011fi depolamak i\u00e7in kullan\u0131l\u0131r ve bu \u00f6rnek, d\u0131\u015far\u0131dan do\u011frudan eri\u015filemeyen \u00f6zel bir de\u011fi\u015fken i\u00e7inde saklan\u0131r.<\/p>\n Bu \u00f6rnekte, ES6 ile gelen Bu yakla\u015f\u0131mda, s\u0131n\u0131f\u0131n kurucusu do\u011frudan \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda ( Modern JavaScript’te (\u00f6zellikle ES Mod\u00fclleri ile), Singleton desenini uygulaman\u0131n en do\u011fal ve yayg\u0131n yolu mod\u00fcl deseni kullanmakt\u0131r. JavaScript mod\u00fclleri, do\u011fas\u0131 gere\u011fi Singleton davran\u0131\u015f\u0131n\u0131 destekler. Bir mod\u00fcl bir kez i\u00e7e aktar\u0131ld\u0131\u011f\u0131nda (imported), kodu sadece bir kez y\u00fcr\u00fct\u00fcl\u00fcr ve mod\u00fcl\u00fcn d\u0131\u015fa aktard\u0131\u011f\u0131 nesneler (export edilenler) uygulaman\u0131n her yerinde ayn\u0131 \u00f6rne\u011fi temsil eder.<\/p>\n Bu yakla\u015f\u0131mda, Singleton deseni, belirli senaryolarda olduk\u00e7a faydal\u0131 olabilir:<\/p>\n Bir uygulaman\u0131n tek bir veritaban\u0131 ba\u011flant\u0131 havuzuna sahip olmas\u0131 performans\u0131 art\u0131r\u0131r ve kaynaklar\u0131 daha verimli kullan\u0131r. Her istek i\u00e7in yeni bir ba\u011flant\u0131 a\u00e7mak yerine, mevcut havuzdan bir ba\u011flant\u0131 al\u0131n\u0131r.<\/p>\n<\/li>\n T\u00fcm uygulaman\u0131n olaylar\u0131 tek bir merkezi loglay\u0131c\u0131ya g\u00f6ndermesi gerekti\u011finde Singleton idealdir. Bu sayede t\u00fcm loglar tutarl\u0131 bir formatta toplan\u0131r ve y\u00f6netilir.<\/p>\n<\/li>\n Uygulama genelindeki ayarlar\u0131n (API anahtarlar\u0131, ortam de\u011fi\u015fkenleri vb.) tek bir yerden okunmas\u0131 ve g\u00fcncellenmesi gerekti\u011finde Singleton kullan\u0131l\u0131r. Bu, ayarlar\u0131n tutarl\u0131l\u0131\u011f\u0131n\u0131 garanti eder.<\/p>\n<\/li>\n Uygulama i\u00e7inde s\u0131k\u00e7a eri\u015filen verileri saklamak i\u00e7in tek bir \u00f6nbellek \u00f6rne\u011fi kullanmak performans\u0131 art\u0131r\u0131r ve bellek y\u00f6netimini kolayla\u015ft\u0131r\u0131r.<\/p>\n<\/li>\n Redux store gibi merkezi durum y\u00f6neticileri, asl\u0131nda birer Singleton olarak hareket eder. T\u00fcm uygulama state’i tek bir yerde tutulur ve g\u00fcncellenir.<\/p>\n<\/li>\n Fiziksel bir cihaza (\u00f6rne\u011fin, bir yaz\u0131c\u0131) eri\u015fim sa\u011flayan bir s\u00fcr\u00fcc\u00fc, genellikle tek bir \u00f6rne\u011fe sahip olmal\u0131d\u0131r.<\/p>\n<\/li>\n<\/ul>\n Her tasar\u0131m deseni gibi, Singleton’\u0131n da kendine \u00f6zg\u00fc avantajlar\u0131 ve dezavantajlar\u0131 vard\u0131r. Bunlar\u0131 bilmek, deseni do\u011fru senaryolarda kullanmak i\u00e7in kritik \u00f6neme sahiptir.<\/p>\n Singleton tasar\u0131m deseni, bir s\u0131n\u0131f\u0131n yaln\u0131zca bir \u00f6rne\u011finin olmas\u0131n\u0131 ve bu \u00f6rne\u011fe global bir eri\u015fim noktas\u0131 sa\u011flamas\u0131n\u0131 garanti eden g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. JavaScript’te, \u00f6zellikle ES6 mod\u00fclleri arac\u0131l\u0131\u011f\u0131yla, bu davran\u0131\u015fa do\u011fal yollardan ula\u015fmak m\u00fcmk\u00fcnd\u00fcr. Ancak, global durum olu\u015fturma, test edilebilirli\u011fi zorla\u015ft\u0131rma ve s\u0131k\u0131 ba\u011f\u0131ml\u0131l\u0131klar yaratma gibi potansiyel dezavantajlar\u0131 nedeniyle dikkatli kullan\u0131lmal\u0131d\u0131r.<\/p>\n Modern JavaScript geli\u015ftirme pratiklerinde, mod\u00fcllerin sundu\u011fu do\u011fal Singleton benzeri davran\u0131\u015f ve Ba\u011f\u0131ml\u0131l\u0131k Enjeksiyonu gibi yakla\u015f\u0131mlar, bir\u00e7ok durumda Singleton deseninin manuel olarak uygulanmas\u0131na olan ihtiyac\u0131 azaltm\u0131\u015ft\u0131r. Yine de, veritaban\u0131 ba\u011flant\u0131lar\u0131, loglama servisleri veya konfig\u00fcrasyon y\u00f6neticileri gibi belirli senaryolarda Singleton hala ge\u00e7erli ve etkili bir \u00e7\u00f6z\u00fcm olabilir.<\/p>\n Singleton, baz\u0131 geli\u015ftiriciler taraf\u0131ndan bir anti-pattern olarak g\u00f6r\u00fcl\u00fcr \u00e7\u00fcnk\u00fc global durum yarat\u0131r, test edilebilirli\u011fi zorla\u015ft\u0131r\u0131r ve s\u0131k\u0131 ba\u011f\u0131ml\u0131l\u0131klara yol a\u00e7abilir. Ancak, do\u011fru senaryolarda (\u00f6rne\u011fin, tek bir veritaban\u0131 ba\u011flant\u0131 havuzu veya loglay\u0131c\u0131 gibi kaynak y\u00f6netimi) hala de\u011ferli bir desendir. \u00d6nemli olan, potansiyel dezavantajlar\u0131n\u0131 anlamak ve bilin\u00e7li bir karar vermektir.<\/p>\n Mod\u00fcl deseni (\u00f6zellikle ES Mod\u00fclleri), JavaScript’te do\u011fal olarak Singleton benzeri bir davran\u0131\u015f sa\u011flar. Bir ES mod\u00fcl\u00fc bir kez y\u00fcklendi\u011finde, i\u00e7indeki t\u00fcm d\u0131\u015fa aktar\u0131lan de\u011ferler (fonksiyonlar, nesneler vb.) uygulaman\u0131n her yerinde ayn\u0131 \u00f6rne\u011fi temsil eder. Singleton deseni ise daha \u00e7ok “bir s\u0131n\u0131f\u0131n tek bir \u00f6rne\u011fini garanti etme” kavram\u0131na odaklan\u0131rken, mod\u00fcl deseni daha geni\u015f bir kapsama sahiptir ve kod organizasyonu ile bilgi gizleme (encapsulation) i\u00e7in kullan\u0131l\u0131r. Modern JS’de, \u00e7o\u011fu zaman bir mod\u00fcl\u00fc d\u0131\u015fa aktararak Singleton davran\u0131\u015f\u0131 elde etmek en temiz yoldur.<\/p>\n Evet, Singleton’\u0131 test etmek zor olabilir \u00e7\u00fcnk\u00fc global durum yarat\u0131r ve testler aras\u0131nda etkile\u015fime neden olabilir. Birim testlerinde, her testin izole olmas\u0131 ve birbirinden etkilenmemesi istenir. Singleton’\u0131n global durumu bu prensibi bozabilir. Bu durumu a\u015fmak i\u00e7in mock’lama k\u00fct\u00fcphaneleri kullan\u0131labilir veya Singleton’\u0131n test ortam\u0131nda yeniden ba\u015flat\u0131labilir bir mekanizmas\u0131 tasarlanabilir. Ancak, mod\u00fcl deseni ile uygulanan Singleton’lar, mod\u00fcllerin import\/export mekanizmas\u0131 sayesinde daha kolay mock’lanabilir olabilir.<\/p>\n ES6 mod\u00fclleri, her mod\u00fcl\u00fcn sadece bir kez de\u011ferlendirilmesini (parse edilmesini ve \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131n\u0131) garanti eder. Bir mod\u00fcl\u00fcn d\u0131\u015fa aktard\u0131\u011f\u0131 herhangi bir \u015fey (bir nesne, bir fonksiyon vb.), o mod\u00fcl\u00fcn ilk y\u00fcklendi\u011fi anda olu\u015fturulur ve daha sonra bu mod\u00fcl\u00fc i\u00e7e aktaran her yer ayn\u0131 referansa sahip olur. Bu, herhangi bir ek kod yazmaya gerek kalmadan do\u011fal bir Singleton davran\u0131\u015f\u0131 sa\u011flar.<\/p>\n Singleton’dan ka\u00e7\u0131nman\u0131z gereken durumlar \u015funlard\u0131r: e\u011fer nesnenin birden fazla \u00f6rne\u011fine ihtiya\u00e7 duyulabilecekse, global durumun y\u00f6netimi karma\u015f\u0131kl\u0131\u011fa yol a\u00e7acaksa, test edilebilirli\u011fin \u00f6ncelikli oldu\u011fu durumlarda ve ba\u011f\u0131ml\u0131l\u0131k enjeksiyonu gibi daha esnek mimari desenler kullan\u0131l\u0131yorsa. Genellikle, bir nesnenin tekil olmas\u0131n\u0131n mimari bir gereklilikten ziyade sadece bir kolayl\u0131k oldu\u011fu durumlarda Singleton’dan ka\u00e7\u0131n\u0131lmal\u0131d\u0131r.<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Yaz\u0131l\u0131m geli\u015ftirme d\u00fcnyas\u0131nda, kar\u015f\u0131la\u015f\u0131lan ortak problemleri \u00e7\u00f6zmek i\u00e7in kan\u0131tlanm\u0131\u015f, tekrar kullan\u0131labilir \u00e7\u00f6z\u00fcmler sunan tasar","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-39240","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nclass<\/code> anahtar kelimesi ve fonksiyonel programlama yetenekleri sayesinde Singleton desenini \u00e7e\u015fitli yollarla uygulamak m\u00fcmk\u00fcnd\u00fcr.<\/p>\nJavaScript’te Singleton Uygulamalar\u0131<\/h2>\n
Klasik Yakla\u015f\u0131m (Kurucu Fonksiyon ile)<\/h3>\n
\nfunction Logger() {\n \/\/ \u00d6rnek zaten var m\u0131 kontrol et\n if (Logger.instance) {\n return Logger.instance;\n }\n\n \/\/ Yeni bir \u00f6rnek olu\u015ftur\n this.logs = [];\n Logger.instance = this; \/\/ Yeni \u00f6rne\u011fi kaydet\n\n console.log(\"Logger \u00f6rne\u011fi olu\u015fturuldu.\");\n\n \/\/ Public metodlar\n this.log = function(message) {\n const timestamp = new Date().toISOString();\n this.logs.push([${timestamp}] ${message}<\/code>);\n console.log(LOG: ${message}<\/code>);\n };\n\n this.getLogs = function() {\n return this.logs;\n };\n}\n\n\/\/ Kullan\u0131m\nconst logger1 = new Logger();\nconst logger2 = new Logger();\n\nconsole.log(logger1 === logger2); \/\/ true - Ayn\u0131 \u00f6rnek\n\nlogger1.log(\"Uygulama ba\u015flat\u0131ld\u0131.\");\nlogger2.log(\"Kullan\u0131c\u0131 giri\u015fi denemesi.\");\n\nconsole.log(logger1.getLogs());\nconsole.log(logger2.getLogs()); \/\/ Her iki loglay\u0131c\u0131 da ayn\u0131 loglar\u0131 i\u00e7erir.\n<\/code><\/pre>\nLogger<\/code> kurucu fonksiyonu her \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda, Logger.instance<\/code> statik \u00f6zelli\u011fini kontrol eder. E\u011fer bir \u00f6rnek zaten varsa, mevcut \u00f6rne\u011fi d\u00f6nd\u00fcr\u00fcr. Aksi takdirde, yeni bir \u00f6rnek olu\u015fturur ve Logger.instance<\/code>‘a atar. Bu sayede, her zaman ayn\u0131 Logger<\/code> \u00f6rne\u011fine sahip olunur.<\/p>\nES6 S\u0131n\u0131flar\u0131 ile Yakla\u015f\u0131m<\/h3>\n
class<\/code> anahtar kelimesi, daha geleneksel bir s\u0131n\u0131f tan\u0131m\u0131 yap\u0131s\u0131 sunar. Singleton, bu yap\u0131da statik metotlar ve \u00f6zellikler kullan\u0131larak uygulanabilir.<\/p>\n\nclass ConfigManager {\n constructor() {\n if (ConfigManager.instance) {\n return ConfigManager.instance;\n }\n\n this.settings = {\n apiBaseUrl: \"https:\/\/api.example.com\",\n timeout: 5000,\n debugMode: false\n };\n ConfigManager.instance = this;\n console.log(\"ConfigManager \u00f6rne\u011fi olu\u015fturuldu.\");\n }\n\n getSetting(key) {\n return this.settings[key];\n }\n\n setSetting(key, value) {\n this.settings[key] = value;\n console.log(Ayarlar g\u00fcncellendi: ${key} = ${value}<\/code>);\n }\n\n static getInstance() {\n if (!ConfigManager.instance) {\n ConfigManager.instance = new ConfigManager();\n }\n return ConfigManager.instance;\n }\n}\n\n\/\/ Kullan\u0131m\nconst config1 = ConfigManager.getInstance();\nconst config2 = ConfigManager.getInstance();\n\nconsole.log(config1 === config2); \/\/ true - Ayn\u0131 \u00f6rnek\n\nconsole.log(config1.getSetting(\"apiBaseUrl\"));\nconfig2.setSetting(\"debugMode\", true);\nconsole.log(config1.getSetting(\"debugMode\")); \/\/ true\n<\/code><\/pre>\nnew ConfigManager()<\/code>), yine bir Singleton davran\u0131\u015f\u0131 sergiler. Ancak, yayg\u0131n kullan\u0131m \u015fekli static getInstance()<\/code> metodunu kullanmakt\u0131r. Bu metot, \u00f6rne\u011fi tembelce (lazy) ba\u015flat\u0131r; yani, sadece ilk ihtiya\u00e7 duyuldu\u011funda olu\u015fturur.<\/p>\nMod\u00fcl Yakla\u015f\u0131m\u0131 (En Yayg\u0131n ve \u0130deal)<\/h3>\n
cacheService.js<\/code><\/strong><\/p>\n\n\/\/ cacheService.js\nconst cache = {};\n\nconst CacheService = {\n get(key) {\n console.log(Cache'ten okunuyor: ${key}<\/code>);\n return cache[key];\n },\n set(key, value) {\n console.log(Cache'e yaz\u0131l\u0131yor: ${key}<\/code>);\n cache[key] = value;\n },\n clear(key) {\n console.log(Cache temizleniyor: ${key}<\/code>);\n delete cache[key];\n },\n getAll() {\n return { ...cache }; \/\/ \u00d6nbelle\u011fin bir kopyas\u0131n\u0131 d\u00f6nd\u00fcr\n }\n};\n\nexport default CacheService; \/\/ Mod\u00fcl\u00fc d\u0131\u015fa aktar\n<\/code><\/pre>\napp.js<\/code><\/strong><\/p>\n\n\/\/ app.js\nimport CacheService from '.\/cacheService.js';\nimport { someFunctionInAnotherModule } from '.\/anotherModule.js';\n\nCacheService.set(\"userData\", { id: 1, name: \"Alice\" });\n\n\/\/ Ba\u015fka bir yerden \u00e7a\u011fr\u0131\nsomeFunctionInAnotherModule();\n\nconst data = CacheService.get(\"userData\");\nconsole.log(\"Uygulamadan okunan data:\", data);\n<\/code><\/pre>\nanotherModule.js<\/code><\/strong><\/p>\n\n\/\/ anotherModule.js\nimport CacheService from '.\/cacheService.js';\n\nexport function someFunctionInAnotherModule() {\n const config = CacheService.get(\"appConfig\");\n if (!config) {\n CacheService.set(\"appConfig\", { theme: \"dark\", lang: \"tr\" });\n }\n console.log(\"Ba\u015fka bir mod\u00fclden cache kontrol\u00fc yap\u0131ld\u0131.\");\n}\n<\/code><\/pre>\nCacheService<\/code> nesnesi yaln\u0131zca bir kez olu\u015fturulur ve export default<\/code> ile d\u0131\u015fa aktar\u0131l\u0131r. Uygulaman\u0131n herhangi bir yerinden import CacheService from '.\/cacheService.js';<\/code> ile i\u00e7e aktar\u0131ld\u0131\u011f\u0131nda, her zaman ayn\u0131 nesneye referans edilir. Bu, modern JavaScript uygulamalar\u0131nda Singleton davran\u0131\u015f\u0131n\u0131 sa\u011flaman\u0131n en temiz ve en \u00e7ok tercih edilen yoludur.<\/p>\nSingleton Ne Zaman Kullan\u0131lmal\u0131?<\/h2>\n
\n
Veritaban\u0131 Ba\u011flant\u0131lar\u0131 veya Havuzlar\u0131<\/h3>\n
Loglama Servisleri<\/h3>\n
Konfig\u00fcrasyon Y\u00f6neticileri<\/h3>\n
\u00d6nbellekleme Servisleri<\/h3>\n
Merkezi State Y\u00f6netimi<\/h3>\n
Cihaz S\u00fcr\u00fcc\u00fcleri<\/h3>\n
Singleton’\u0131n Avantajlar\u0131 ve Dezavantajlar\u0131<\/h2>\n
Avantajlar\u0131<\/h3>\n
\n
Dezavantajlar\u0131<\/h3>\n
\n
Sonu\u00e7 ve S\u0131k\u00e7a Sorulan Sorular<\/h2>\n
S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h3>\n
Singleton bir anti-pattern midir?<\/h3>\n
Singleton ve Mod\u00fcl Deseni aras\u0131ndaki fark nedir?<\/h3>\n
JavaScript’te Singleton’\u0131 test etmek zor mudur?<\/h3>\n
ES6 mod\u00fclleri Singleton davran\u0131\u015f\u0131n\u0131 nas\u0131l sa\u011flar?<\/h3>\n
Bir Singleton’\u0131 ne zaman kullanmaktan ka\u00e7\u0131nmal\u0131y\u0131m?<\/h3>\n