Modern JavaScript uygulamalar\u0131 geli\u015ftirirken kar\u015f\u0131la\u015f\u0131lan hatalar\u0131 en aza indirmek, kod kalitesini art\u0131rmak ve daha g\u00fcvenli bir geli\u015ftirme ortam\u0131 sa\u011flamak i\u00e7in S\u0131k\u0131 Mod (Strict Mode) kullan\u0131m\u0131 kritik \u00f6neme sahiptir. Peki, bu g\u00fc\u00e7l\u00fc \u00f6zellik tam olarak ne i\u015fe yarar, projelerinizde onu nas\u0131l etkinle\u015ftirebilirsiniz ve neden her zaman tercih etmelisiniz? Bu makalede, S\u0131k\u0131 Modun derinliklerine inerek, sundu\u011fu avantajlar\u0131, uygulama y\u00f6ntemlerini ve modern web geli\u015ftirme s\u00fcre\u00e7lerindeki vazge\u00e7ilmez yerini detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n
JavaScript, esnek yap\u0131s\u0131 ve geli\u015ftiricilere tan\u0131d\u0131\u011f\u0131 geni\u015f \u00f6zg\u00fcrl\u00fcklerle bilinir. Ancak bu esneklik, bazen fark\u0131nda olmadan yap\u0131lan hatalara veya beklenmedik davran\u0131\u015flara yol a\u00e7abilir. \u0130\u015fte tam da bu noktada S\u0131k\u0131 Mod (Strict Mode) devreye girer. S\u0131k\u0131 Mod, JavaScript’in “gev\u015fek mod” (sloppy mode) olarak bilinen varsay\u0131lan \u00e7al\u0131\u015fma \u015feklindeki baz\u0131 sorunlu davran\u0131\u015flar\u0131 ortadan kald\u0131ran, daha g\u00fcvenli ve hataya daha az a\u00e7\u0131k bir kod yazma standard\u0131d\u0131r. \u0130lk olarak ECMAScript 5 (ES5) ile tan\u0131t\u0131lan S\u0131k\u0131 Mod, JavaScript motorunun kodu farkl\u0131 bir \u015fekilde yorumlamas\u0131n\u0131 sa\u011flayarak, k\u00f6t\u00fc uygulamalar\u0131 ve potansiyel hatalar\u0131 \u00e7al\u0131\u015fma zaman\u0131nda (runtime) bir istisna (exception) olarak f\u0131rlat\u0131r.<\/p>\n
Peki, neden b\u00f6yle bir moda ihtiya\u00e7 duyulmu\u015ftur? JavaScript’in ilk y\u0131llar\u0131nda, dilin h\u0131zl\u0131 benimsenmesi ve geriye d\u00f6n\u00fck uyumlulu\u011fun korunmas\u0131 amac\u0131yla baz\u0131 “k\u00f6t\u00fc par\u00e7alar” veya “anti-paternler” olarak adland\u0131r\u0131labilecek \u00f6zellikler dilin bir par\u00e7as\u0131 olarak kalm\u0131\u015ft\u0131r. \u00d6rne\u011fin, bir de\u011fi\u015fkeni bildirmeden kullanmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda JavaScript otomatik olarak global bir de\u011fi\u015fken olu\u015fturur. Bu durum, \u00f6zellikle b\u00fcy\u00fck projelerde veya farkl\u0131 dosyalardan gelen kodlar\u0131n birle\u015fti\u011fi senaryolarda, istenmeyen global de\u011fi\u015fken kirlili\u011fine (global variable pollution) ve hata ay\u0131klamas\u0131 zor sorunlara yol a\u00e7abilir. S\u0131k\u0131 Mod, bu t\u00fcr “sessiz hatalar\u0131” (silent errors) g\u00f6r\u00fcn\u00fcr hale getirerek, geli\u015ftiricilerin daha ba\u015ftan temiz ve do\u011fru kod yazmas\u0131n\u0131 te\u015fvik eder.<\/p>\n
S\u0131k\u0131 Modun temel amac\u0131, JavaScript’i daha \u00f6ng\u00f6r\u00fclebilir, g\u00fcvenli ve performansl\u0131 hale getirmektir. Bu mod etkinle\u015ftirildi\u011finde, dilin baz\u0131 \u00f6zelliklerinin kullan\u0131m\u0131 k\u0131s\u0131tlan\u0131r, baz\u0131 hatalar istisnaya d\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcr ve gelecekteki ECMAScript s\u00fcr\u00fcmlerinde potansiyel olarak tan\u0131t\u0131labilecek yeni anahtar kelimeler i\u00e7in rezervasyon yap\u0131l\u0131r. B\u00f6ylece, geli\u015ftiriciler daha sa\u011flam uygulamalar olu\u015fturabilir ve kod tabanlar\u0131n\u0131n uzun vadede daha kolay y\u00f6netilmesini sa\u011flayabilirler. Bu yakla\u015f\u0131m, sadece mevcut hatalar\u0131 azaltmakla kalmaz, ayn\u0131 zamanda gelecekteki dil g\u00fcncellemelerine kar\u015f\u0131 da bir koruma kalkan\u0131 g\u00f6revi g\u00f6r\u00fcr.<\/p>\n
S\u0131k\u0131 Mod, JavaScript motorunun kodu yorumlama \u015feklini de\u011fi\u015ftirir. Bu modda, JavaScript art\u0131k baz\u0131 i\u015flemleri sessizce g\u00f6rmezden gelmek yerine, hata f\u0131rlatarak geli\u015ftiriciyi bilgilendirir. Bu, geli\u015ftirme a\u015famas\u0131nda potansiyel sorunlar\u0131n daha erken tespit edilmesini sa\u011flar. \u00d6rne\u011fin, gev\u015fek modda bir de\u011fi\u015fkene de\u011fer atarken yanl\u0131\u015fl\u0131kla bildirilmemi\u015f bir de\u011fi\u015fken ad\u0131 kullan\u0131rsan\u0131z, JavaScript otomatik olarak global kapsamda (global scope) yeni bir de\u011fi\u015fken olu\u015fturur. Bu durum, genellikle istenmeyen bir yan etki olup, \u00f6zellikle b\u00fcy\u00fck kod tabanlar\u0131nda tespiti g\u00fc\u00e7 hatalara yol a\u00e7abilir. S\u0131k\u0131 Mod ise bu t\u00fcr bir atamay\u0131 do\u011frudan bir Benzer \u015fekilde, S\u0131k\u0131 Mod, yaz\u0131labilir olmayan (non-writable) veya yap\u0131land\u0131r\u0131lamaz (non-configurable) \u00f6zelliklere de\u011fer atama gibi i\u015flemleri de bir S\u0131k\u0131 Modun benimsenmesi, sadece hata ay\u0131klama s\u00fcrecini kolayla\u015ft\u0131rmakla kalmaz, ayn\u0131 zamanda yaz\u0131l\u0131m projelerinizin genel g\u00fcvenlik ve kod kalitesi standartlar\u0131n\u0131 da \u00f6nemli \u00f6l\u00e7\u00fcde y\u00fckseltir. Bu mod, geli\u015ftiricileri daha disiplinli bir kodlama prati\u011fi benimsemeye te\u015fvik ederek, uzun vadede daha sa\u011flam, bak\u0131m\u0131 kolay ve performansl\u0131 uygulamalar ortaya \u00e7\u0131karmalar\u0131n\u0131 sa\u011flar. S\u0131k\u0131 Modun sundu\u011fu bu avantajlar\u0131 daha yak\u0131ndan inceleyelim.<\/p>\n S\u0131k\u0131 Modu projenize entegre etmek olduk\u00e7a basittir ve farkl\u0131 kapsam seviyelerinde etkinle\u015ftirilebilir. Bu esneklik, projenizin ihtiya\u00e7lar\u0131na ve mevcut kod taban\u0131n\u0131z\u0131n durumuna g\u00f6re en uygun y\u00f6ntemi se\u00e7menize olanak tan\u0131r. \u0130\u015fte S\u0131k\u0131 Modu etkinle\u015ftirmenin ba\u015fl\u0131ca y\u00f6ntemleri ve her birinin kendine \u00f6zg\u00fc avantajlar\u0131:<\/p>\n Bir JavaScript dosyas\u0131n\u0131n veya Bu y\u00f6ntemin avantaj\u0131, t\u00fcm kodun tek bir yerden denetlenmesidir. Dezavantaj\u0131 ise, e\u011fer dosya i\u00e7inde eski, gev\u015fek modda yaz\u0131lm\u0131\u015f ve S\u0131k\u0131 Mod uyumlu olmayan kodlar varsa, bu durumun beklenmedik hatalara yol a\u00e7abilmesidir. Bu nedenle, global etkinle\u015ftirme genellikle yeni, temiz projelere uygun bir yakla\u015f\u0131md\u0131r.<\/p>\n S\u0131k\u0131 Modu sadece belirli bir fonksiyonun i\u00e7inde etkinle\u015ftirebilirsiniz. Bunun i\u00e7in Fonksiyon baz\u0131nda etkinle\u015ftirme, mevcut bir projedeki riskleri minimize ederek S\u0131k\u0131 Moda ge\u00e7i\u015f yapman\u0131z\u0131 sa\u011flar. Bu sayede, projenin geri kalan\u0131n\u0131n gev\u015fek modda \u00e7al\u0131\u015fmaya devam etmesine izin verirken, yeni veya refakt\u00f6re edilen kod par\u00e7alar\u0131n\u0131 S\u0131k\u0131 Mod kurallar\u0131na uygun hale getirebilirsiniz. Bu, kontroll\u00fc bir ge\u00e7i\u015f s\u00fcreci i\u00e7in idealdir.<\/p>\n Modern JavaScript geli\u015ftirme prati\u011finde, ES Mod\u00fclleri (ECMAScript Modules) yayg\u0131n olarak kullan\u0131lmaktad\u0131r. Harika haber \u015fu ki, ES Mod\u00fclleri varsay\u0131lan olarak S\u0131k\u0131 Modda \u00e7al\u0131\u015f\u0131r. Yani, \u00d6rne\u011fin, Ve bu mod\u00fcl\u00fc ba\u015fka bir dosyada (\u00f6rne\u011fin, Bu, modern web geli\u015ftirme ara\u00e7lar\u0131 ve framework’leri (React, Vue, Angular gibi) ile \u00e7al\u0131\u015f\u0131rken S\u0131k\u0131 Modun otomatik olarak benimsenmesini sa\u011flar. ES Mod\u00fclleri, S\u0131k\u0131 Modun t\u00fcm avantajlar\u0131n\u0131 geli\u015ftiricinin ek bir \u00e7aba g\u00f6stermesine gerek kalmadan sunar. Bu nedenle, yeni projelerde her zaman ES Mod\u00fclleri kullanmaya ve dolay\u0131s\u0131yla S\u0131k\u0131 Modun faydalar\u0131ndan otomatik olarak yararlanmaya \u00f6zen g\u00f6sterilmelidir. Bu y\u00f6ntem, en az \u00e7abayla en y\u00fcksek kod kalitesini ve g\u00fcvenli\u011fini elde etmenin anahtar\u0131d\u0131r.<\/p>\n S\u0131k\u0131 Mod, kod kalitesini art\u0131rmak ve hatalar\u0131 \u00f6nlemek i\u00e7in tasarlanm\u0131\u015f olsa da, \u00f6zellikle gev\u015fek modda yaz\u0131lm\u0131\u015f mevcut kod tabanlar\u0131na entegre edildi\u011finde baz\u0131 yayg\u0131n sorunlara yol a\u00e7abilir. Bu sorunlar\u0131 anlamak ve bunlara y\u00f6nelik \u00e7\u00f6z\u00fcm stratejileri geli\u015ftirmek, S\u0131k\u0131 Moda ge\u00e7i\u015f s\u00fcrecini daha sorunsuz hale getirir. \u0130\u015fte S\u0131k\u0131 Modun s\u0131k\u00e7a ortaya \u00e7\u0131kard\u0131\u011f\u0131 problemler ve bunlara kar\u015f\u0131 izlenebilecek yollar:<\/p>\n Problem:<\/strong> Gev\u015fek modda, bir de\u011fi\u015fkeni \u00c7\u00f6z\u00fcm:<\/strong> T\u00fcm de\u011fi\u015fkenleri kullanmadan \u00f6nce Problem:<\/strong> Bir nesnenin yaz\u0131labilir olmayan bir \u00f6zelli\u011fine de\u011fer atamaya \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131zda, gev\u015fek modda bu i\u015flem sessizce ba\u015far\u0131s\u0131z olur. S\u0131k\u0131 Modda ise bir \u00c7\u00f6z\u00fcm:<\/strong> Bir \u00f6zelli\u011fe de\u011fer atamadan \u00f6nce, \u00f6zelli\u011fin yaz\u0131labilir olup olmad\u0131\u011f\u0131n\u0131 kontrol edin veya nesneleri Problem:<\/strong> S\u0131k\u0131 Modda, yap\u0131land\u0131r\u0131lamaz (non-configurable) bir \u00f6zelli\u011fi (\u00f6rne\u011fin, bir fonksiyonun \u00c7\u00f6z\u00fcm:<\/strong> Sadece yap\u0131land\u0131r\u0131labilir olarak i\u015faretlenmi\u015f \u00f6zellikleri silin. Genel olarak, bir nesnenin temel veya yerle\u015fik \u00f6zelliklerini silmekten ka\u00e7\u0131n\u0131n. E\u011fer bir \u00f6zelli\u011fi ge\u00e7ici olarak kald\u0131rmak istiyorsan\u0131z, genellikle \u00f6zelli\u011fin de\u011ferini Problem:<\/strong> Gev\u015fek modda, bir fonksiyonun ayn\u0131 ada sahip birden fazla parametreye sahip olmas\u0131 m\u00fcmk\u00fcnd\u00fcr (ancak k\u00f6t\u00fc bir uygulamad\u0131r). S\u0131k\u0131 Modda ise bu durum bir \u00c7\u00f6z\u00fcm:<\/strong> Fonksiyon parametrelerinin benzersiz adlara sahip oldu\u011fundan emin olun. Bu, kodun okunabilirli\u011fini ve mant\u0131ksal tutarl\u0131l\u0131\u011f\u0131n\u0131 art\u0131r\u0131r.<\/p>\n Problem:<\/strong> S\u0131k\u0131 Modda, bir fonksiyon global kapsamda veya \u00c7\u00f6z\u00fcm:<\/strong> Fonksiyonlar\u0131 \u00e7a\u011f\u0131r\u0131rken veya callback’leri kullan\u0131rken S\u0131k\u0131 Moda ge\u00e7i\u015f yaparken, bu potansiyel sorunlar\u0131n fark\u0131nda olmak ve kodunuzu bu kurallara g\u00f6re g\u00f6zden ge\u00e7irmek, s\u00fcreci \u00e7ok daha kolayla\u015ft\u0131racakt\u0131r. Genellikle, bir linting arac\u0131 (\u00f6rne\u011fin, ESLint) kullanmak, bu t\u00fcr sorunlar\u0131 kod yazma a\u015famas\u0131nda otomatik olarak tespit etmenize ve d\u00fczeltmenize yard\u0131mc\u0131 olabilir.<\/p>\n S\u0131k\u0131 Modun teorik faydalar\u0131 a\u00e7\u0131k olsa da, ger\u00e7ek d\u00fcnya projelerinde nas\u0131l bir etki yaratt\u0131\u011f\u0131n\u0131 g\u00f6rmek, onun de\u011ferini daha iyi anlamam\u0131z\u0131 sa\u011flar. \u0130\u015fte farkl\u0131 senaryolarda S\u0131k\u0131 Modun oynad\u0131\u011f\u0131 kritik rol\u00fc g\u00f6steren baz\u0131 vaka \u00e7al\u0131\u015fmalar\u0131:<\/p>\n Bir yaz\u0131l\u0131m ekibi, binlerce \u00fcr\u00fcn, karma\u015f\u0131k \u00f6deme sistemleri ve ki\u015fiselle\u015ftirilmi\u015f kullan\u0131c\u0131 deneyimleri i\u00e7eren b\u00fcy\u00fck bir e-ticaret platformu geli\u015ftiriyordu. Proje, birden fazla geli\u015ftirici taraf\u0131ndan y\u00f6netiliyor ve farkl\u0131 mod\u00fcller \u00fczerinde e\u015f zamanl\u0131 olarak \u00e7al\u0131\u015f\u0131l\u0131yordu. Ba\u015flang\u0131\u00e7ta, ekip S\u0131k\u0131 Modu kullanmadan geli\u015ftirmeye ba\u015flad\u0131. Ancak k\u0131sa s\u00fcrede, \u00f6zellikle farkl\u0131 mod\u00fcllerin birle\u015fti\u011fi noktalarda tuhaf hatalar ve beklenmedik davran\u0131\u015flarla kar\u015f\u0131la\u015fmaya ba\u015flad\u0131lar. \u00d6rne\u011fin:<\/p>\n Ekip, bu t\u00fcr hatalar\u0131n ay\u0131klanmas\u0131n\u0131n hem zaman al\u0131c\u0131 hem de maliyetli oldu\u011funu fark etti. \u00c7\u00f6z\u00fcm olarak, t\u00fcm yeni kodlar\u0131 S\u0131k\u0131 Modda yazmaya ve mevcut mod\u00fclleri kademeli olarak S\u0131k\u0131 Moda ge\u00e7irmeye karar verdiler. Bu vaka, S\u0131k\u0131 Modun \u00f6zellikle b\u00fcy\u00fck ve karma\u015f\u0131k projelerde, tak\u0131m \u00e7al\u0131\u015fmas\u0131nda ve uzun vadeli s\u00fcrd\u00fcr\u00fclebilirlikte ne kadar kritik bir rol oynad\u0131\u011f\u0131n\u0131 a\u00e7\u0131k\u00e7a g\u00f6stermektedir.<\/p>\n Bir finansal teknoloji \u015firketi, y\u0131llar \u00f6nce geli\u015ftirilmi\u015f ve gev\u015fek modda yaz\u0131lm\u0131\u015f eski bir kurumsal uygulaman\u0131n modernizasyonuna karar verdi. Uygulama, \u00e7ok say\u0131da global de\u011fi\u015fken, karma\u015f\u0131k ve anla\u015f\u0131lmas\u0131 zor fonksiyonlar i\u00e7eriyordu. Refakt\u00f6r (yeniden yap\u0131land\u0131rma) s\u00fcrecinde, ekip S\u0131k\u0131 Modu benimsemeyi birincil hedef olarak belirledi. Ancak, t\u00fcm uygulamay\u0131 an\u0131nda S\u0131k\u0131 Moda ge\u00e7irmek imkans\u0131zd\u0131, \u00e7\u00fcnk\u00fc bu durum binlerce hataya yol a\u00e7acakt\u0131.<\/p>\n Ekip, kademeli bir ge\u00e7i\u015f stratejisi izledi:<\/p>\n Bu s\u00fcre\u00e7, ekibin uygulaman\u0131n “karanl\u0131k k\u00f6\u015felerinde” gizlenmi\u015f olan bir\u00e7ok hatay\u0131 ve k\u00f6t\u00fc uygulamay\u0131 ortaya \u00e7\u0131karmas\u0131na yard\u0131mc\u0131 oldu. \u00d6rne\u011fin, baz\u0131 fonksiyonlarda ayn\u0131 parametre adlar\u0131n\u0131n tekrarland\u0131\u011f\u0131 veya yaz\u0131labilir olmayan \u00f6zelliklere atama yap\u0131ld\u0131\u011f\u0131 tespit edildi. Bu hatalar S\u0131k\u0131 Mod sayesinde g\u00fcn y\u00fcz\u00fcne \u00e7\u0131kt\u0131 ve d\u00fczeltildi. Refakt\u00f6r s\u00fcrecinin sonunda:<\/p>\n Bu \u00f6rnek, S\u0131k\u0131 Modun sadece yeni projeler i\u00e7in de\u011fil, ayn\u0131 zamanda eski ve karma\u015f\u0131k kod tabanlar\u0131n\u0131 modernize etmek i\u00e7in de g\u00fc\u00e7l\u00fc bir ara\u00e7 oldu\u011funu g\u00f6stermektedir. Kademeli entegrasyon stratejileriyle, S\u0131k\u0131 Modun faydalar\u0131, mevcut projelerde bile g\u00fcvenli ve kontroll\u00fc bir \u015fekilde elde edilebilir.<\/p>\n Modern JavaScript ekosistemi, S\u0131k\u0131 Modun faydalar\u0131n\u0131 otomatik olarak benimseyen veya onu zorunlu k\u0131lan bir\u00e7ok ara\u00e7, k\u00fct\u00fcphane ve framework (yaz\u0131l\u0131m \u00e7er\u00e7evesi) ile doludur. G\u00fcn\u00fcm\u00fcz web geli\u015ftirme d\u00fcnyas\u0131nda S\u0131k\u0131 Mod, art\u0131k bir se\u00e7enek olmaktan \u00e7ok, varsay\u0131lan ve beklenen bir standart haline gelmi\u015ftir. Bu durum, \u00f6zellikle b\u00fcy\u00fck \u00f6l\u00e7ekli ve i\u015fbirli\u011fine dayal\u0131 projelerde kod kalitesini ve s\u00fcrd\u00fcr\u00fclebilirli\u011fi art\u0131rmak i\u00e7in hayati \u00f6neme sahiptir.<\/p>\n Daha \u00f6nce de belirtti\u011fimiz gibi, ECMAScript 2015 (ES6) ile hayat\u0131m\u0131za giren ES Mod\u00fclleri, varsay\u0131lan olarak S\u0131k\u0131 Modda \u00e7al\u0131\u015f\u0131r. Bu, React, Angular ve Vue.js gibi pop\u00fcler JavaScript framework’leri, genellikle S\u0131k\u0131 Mod ortam\u0131nda \u00e7al\u0131\u015facak \u015fekilde tasarlanm\u0131\u015ft\u0131r. Bu framework’lerin bile\u015fen tabanl\u0131 (component-based) mimarileri ve veri ak\u0131\u015f\u0131 y\u00f6netimleri, S\u0131k\u0131 Modun getirdi\u011fi disiplinli kodlama pratikleriyle m\u00fckemmel bir uyum i\u00e7indedir. \u00d6rne\u011fin, React’te bir bile\u015fen yazarken, genellikle JSX kullan\u0131r\u0131z ve bu kod daha sonra Babel gibi bir d\u00f6n\u00fc\u015ft\u00fcr\u00fcc\u00fc (transpiler) taraf\u0131ndan standart JavaScript’e \u00e7evrilir. Bu d\u00f6n\u00fc\u015ft\u00fcrme s\u00fcreci s\u0131ras\u0131nda, S\u0131k\u0131 Mod kurallar\u0131na uygun \u00e7\u0131kt\u0131lar \u00fcretilir. Framework’ler, geli\u015ftiricileri S\u0131k\u0131 Modda \u00e7al\u0131\u015fmaya te\u015fvik ederek, framework’\u00fcn kendi i\u00e7 mekanizmalar\u0131n\u0131n ve uygulaman\u0131n genel davran\u0131\u015f\u0131n\u0131n daha \u00f6ng\u00f6r\u00fclebilir olmas\u0131n\u0131 sa\u011flar.<\/p>\n Babel gibi transpiler’lar, geli\u015ftiricilerin modern JavaScript (ES6+ \u00f6zellikleri) yazmas\u0131na olanak tan\u0131rken, bu kodu eski taray\u0131c\u0131larla uyumlu hale getirmek i\u00e7in ES5’e d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. Bu d\u00f6n\u00fc\u015ft\u00fcrme i\u015flemi s\u0131ras\u0131nda, Babel genellikle S\u0131k\u0131 Modu etkinle\u015ftirerek \u00e7\u0131kt\u0131n\u0131n daha g\u00fcvenli ve performansl\u0131 olmas\u0131n\u0131 sa\u011flar. Webpack, Rollup veya Parcel gibi bundler’lar ise birden fazla JavaScript dosyas\u0131n\u0131 tek bir dosya halinde birle\u015ftirirken, genellikle S\u0131k\u0131 Modun korunmas\u0131n\u0131 veya etkinle\u015ftirilmesini destekler. Bu ara\u00e7lar, geli\u015ftirme s\u00fcrecinin arka plan\u0131nda S\u0131k\u0131 Modun sorunsuz bir \u015fekilde entegre olmas\u0131n\u0131 sa\u011flayarak, geli\u015ftiricilerin sadece i\u015f mant\u0131\u011f\u0131na odaklanmas\u0131na olanak tan\u0131r.<\/p>\n ESLint gibi linting ara\u00e7lar\u0131, S\u0131k\u0131 Modun kurallar\u0131n\u0131 uygulamak i\u00e7in vazge\u00e7ilmezdir. Bu ara\u00e7lar, kodunuzu analiz ederek S\u0131k\u0131 Mod kurallar\u0131na uymayan yap\u0131lar\u0131 veya potansiyel hatalar\u0131 otomatik olarak tespit eder ve size geri bildirimde bulunur. Geli\u015ftirme ortam\u0131n\u0131zda (IDE) ESLint entegrasyonu sayesinde, kodunuzu kaydetti\u011finiz anda S\u0131k\u0131 Mod ihlallerini g\u00f6rebilir ve an\u0131nda d\u00fczeltebilirsiniz. Bu, hatalar\u0131n \u00fcretim ortam\u0131na ula\u015fmadan \u00f6nce yakalanmas\u0131na yard\u0131mc\u0131 olur ve genel kod kalitesini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131r\u0131r. Bir\u00e7ok modern projenin Sonu\u00e7 olarak, modern JavaScript ekosistemi, S\u0131k\u0131 Modu neredeyse her katmanda benimsemi\u015f durumdad\u0131r. ES Mod\u00fclleri, pop\u00fcler framework’ler, transpiler’lar ve linting ara\u00e7lar\u0131, geli\u015ftiricilerin S\u0131k\u0131 Modun avantajlar\u0131ndan kolayca yararlanmas\u0131n\u0131 sa\u011flar. Bu entegrasyonlar sayesinde, S\u0131k\u0131 Mod art\u0131k sadece bir iyi uygulama \u00f6nerisi de\u011fil, ayn\u0131 zamanda g\u00fcvenilir, bak\u0131m\u0131 kolay ve performansl\u0131 modern web uygulamalar\u0131 geli\u015ftirmenin temel bir bile\u015fenidir. Geli\u015ftiricilerin bu g\u00fc\u00e7l\u00fc \u00f6zelli\u011fi aktif olarak kullanmas\u0131, hem kendi kodlama deneyimlerini iyile\u015ftirecek hem de ortaya koyduklar\u0131 \u00fcr\u00fcnlerin kalitesini y\u00fckseltecektir.<\/p>\n S\u0131k\u0131 Modu projelerinize dahil etmek, kod kalitesini ve g\u00fcvenilirli\u011fini art\u0131rmak i\u00e7in harika bir ad\u0131md\u0131r. Ancak bu ge\u00e7i\u015fi en verimli \u015fekilde yapmak ve potansiyel sorunlardan ka\u00e7\u0131nmak i\u00e7in baz\u0131 en iyi uygulamalar\u0131 ve ipu\u00e7lar\u0131n\u0131 g\u00f6z \u00f6n\u00fcnde bulundurmak \u00f6nemlidir.<\/p>\n E\u011fer eski ve b\u00fcy\u00fck bir kod taban\u0131n\u0131z varsa, t\u00fcm projeyi an\u0131nda S\u0131k\u0131 Moda ge\u00e7irmeye \u00e7al\u0131\u015fmak felaketle sonu\u00e7lanabilir. Bunun yerine, kademeli bir yakla\u015f\u0131m benimseyin:<\/p>\n ESLint gibi bir linting arac\u0131, S\u0131k\u0131 Modun en iyi arkada\u015f\u0131d\u0131r. ESLint’i projenize entegre ederek, S\u0131k\u0131 Mod kurallar\u0131na uymayan kod yap\u0131lar\u0131n\u0131 otomatik olarak tespit edebilir ve geli\u015ftirme a\u015famas\u0131nda hatalar\u0131 yakalayabilirsiniz. Bir\u00e7ok pop\u00fcler ESLint yap\u0131land\u0131rmas\u0131 (\u00f6rne\u011fin, Airbnb veya Standard) zaten S\u0131k\u0131 Mod uyumlulu\u011funu zorunlu k\u0131lar. IDE’nize ESLint eklentileri kurarak, kod yazarken ger\u00e7ek zamanl\u0131 geri bildirim alabilirsiniz.<\/p>\n M\u00fcmk\u00fcn oldu\u011funca, kodunuzu ES Mod\u00fclleri ( S\u0131k\u0131 Mod, ECMAScript 5 ile tan\u0131t\u0131ld\u0131\u011f\u0131 i\u00e7in modern taray\u0131c\u0131lar\u0131n b\u00fcy\u00fck \u00e7o\u011funlu\u011fu taraf\u0131ndan desteklenir. Ancak, \u00e7ok eski taray\u0131c\u0131lar\u0131 (\u00f6rne\u011fin, IE9 \u00f6ncesi) desteklemeniz gerekiyorsa, S\u0131k\u0131 Modda S\u0131k\u0131 Mod, bildirilmemi\u015f de\u011fi\u015fken atamalar\u0131n\u0131 engelleyerek global de\u011fi\u015fken kirlili\u011fini \u00f6nler. Bu ilkeye ba\u011fl\u0131 kalarak, her zaman S\u0131k\u0131 Moda ge\u00e7i\u015f yaparken veya S\u0131k\u0131 Modda kod yazarken, kapsaml\u0131 testler (birim testleri, entegrasyon testleri) yapmak hayati \u00f6neme sahiptir. S\u0131k\u0131 Modun ortaya \u00e7\u0131kard\u0131\u011f\u0131 hatalar, testler sayesinde erken a\u015famada tespit edilebilir. Otomatik test s\u00fcre\u00e7leri, S\u0131k\u0131 Modun getirdi\u011fi disiplinin do\u011fru uyguland\u0131\u011f\u0131ndan emin olman\u0131n en g\u00fcvenilir yoludur.<\/p>\n Bu en iyi uygulamalar\u0131 takip ederek, S\u0131k\u0131 Modun projelerinizdeki entegrasyonunu sorunsuz hale getirebilir, kodunuzun kalitesini art\u0131rabilir ve daha g\u00fcvenilir, bak\u0131m\u0131 kolay JavaScript uygulamalar\u0131 geli\u015ftirebilirsiniz. S\u0131k\u0131 Mod, modern JavaScript geli\u015ftiricisinin ara\u00e7 setindeki vazge\u00e7ilmez bir par\u00e7ad\u0131r.<\/p>\n S\u0131k\u0131 Mod (Strict Mode), modern JavaScript geli\u015ftirme s\u00fcre\u00e7lerinin vazge\u00e7ilmez bir par\u00e7as\u0131d\u0131r. Bu makalede ele ald\u0131\u011f\u0131m\u0131z gibi, S\u0131k\u0131 Modun sundu\u011fu hata yakalama, g\u00fcvenlik iyile\u015ftirmeleri ve kod kalitesi avantajlar\u0131, her geli\u015ftiricinin benimsemesi gereken bir standartt\u0131r. Projelerinize S\u0131k\u0131 Modu entegre ederek, daha sa\u011flam, bak\u0131m\u0131 kolay ve performansl\u0131 uygulamalar geli\u015ftirebilir, ayn\u0131 zamanda geli\u015ftirme s\u00fcrecinizi daha verimli hale getirebilirsiniz. Unutmay\u0131n, gelece\u011fin JavaScript’i S\u0131k\u0131 Modda yaz\u0131l\u0131yor!<\/p>\n #JavaScript #WebGeli\u015ftirme #S\u0131k\u0131Mod #KodKalitesi #Yaz\u0131l\u0131mGeli\u015ftirme #G\u00fcvenliKod<\/p>\n","protected":false},"excerpt":{"rendered":"Modern JavaScript uygulamalar\u0131 geli\u015ftirirken kar\u015f\u0131la\u015f\u0131lan hatalar\u0131 en aza indirmek, kod kalitesini art\u0131rmak ve daha g\u00fcvenli bir geli\u015ftirme ortam\u0131 sa\u011flamak i\u00e7in S\u0131k\u0131 Mod (Strict Mode) kullan\u0131m\u0131 kritik \u00f6neme sahiptir.","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":[129],"tags":[],"class_list":{"0":"post-42442","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nReferenceError<\/code> hatas\u0131 olarak f\u0131rlat\u0131r.<\/p>\nTypeError<\/code> ile reddeder. Gev\u015fek modda bu t\u00fcr i\u015flemler sessizce ba\u015far\u0131s\u0131z olur ve geli\u015ftiriciye herhangi bir geri bildirimde bulunulmaz. Bu, \u00f6zellikle nesne \u00f6zelliklerini manip\u00fcle ederken veya k\u00fct\u00fcphanelerle \u00e7al\u0131\u015f\u0131rken b\u00fcy\u00fck sorunlara yol a\u00e7abilir. S\u0131k\u0131 Modun bu davran\u0131\u015f de\u011fi\u015fikli\u011fi, kodun daha g\u00fcvenilir olmas\u0131n\u0131 ve beklenmeyen durumlar\u0131n \u00f6n\u00fcne ge\u00e7ilmesini sa\u011flar. Ayr\u0131ca, delete<\/code> operat\u00f6r\u00fcn\u00fcn kullan\u0131m\u0131n\u0131 da belirli senaryolarda k\u0131s\u0131tlar; \u00f6rne\u011fin, bir de\u011fi\u015fkeni, fonksiyon ad\u0131n\u0131 veya yap\u0131land\u0131r\u0131lamaz bir \u00f6zelli\u011fi silmeye \u00e7al\u0131\u015fmak S\u0131k\u0131 Modda bir hata ile sonu\u00e7lan\u0131r. Bu k\u0131s\u0131tlamalar, dilin daha tutarl\u0131 ve \u00f6ng\u00f6r\u00fclebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131na yard\u0131mc\u0131 olur.<\/p>\nS\u0131k\u0131 Modun Sa\u011flad\u0131\u011f\u0131 G\u00fcvenlik ve Kod Kalitesi Avantajlar\u0131 Nelerdir?<\/h2>\n
Hata Yakalama ve G\u00fcvenlik \u0130yile\u015ftirmeleri<\/h3>\n
\n
ReferenceError<\/code> hatas\u0131 verir. Bu, istenmeyen global de\u011fi\u015fken kirlili\u011fini \u00f6nler ve hatalar\u0131n daha erken tespit edilmesini sa\u011flar.<\/li>\nthis<\/code> Anahtar Kelimesinin G\u00fcvenilir Davran\u0131\u015f\u0131:<\/strong> S\u0131k\u0131 Modda, bir fonksiyon global kapsamda veya undefined<\/code> ile \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda this<\/code> de\u011feri otomatik olarak global nesneye (window<\/code> veya global<\/code>) d\u00f6n\u00fc\u015ft\u00fcr\u00fclmez; bunun yerine undefined<\/code> olarak kal\u0131r. Bu, \u00f6zellikle callback fonksiyonlar\u0131nda veya olay dinleyicilerinde this<\/code> ba\u011flam\u0131n\u0131n yanl\u0131\u015fl\u0131kla global nesneye ba\u011flanmas\u0131n\u0131 engelleyerek g\u00fcvenlik a\u00e7\u0131klar\u0131n\u0131 ve beklenmedik davran\u0131\u015flar\u0131 \u00f6nler.<\/li>\nObject.defineProperty<\/code> ile tan\u0131mlanm\u0131\u015f veya prototip zincirinden miras al\u0131nan yaz\u0131labilir olmayan (non-writable) \u00f6zelliklere de\u011fer atama giri\u015fimlerini bir TypeError<\/code> ile durdurur. Gev\u015fek modda bu t\u00fcr atamalar sessizce ba\u015far\u0131s\u0131z olur ve geli\u015ftirici bu durumdan haberdar olmaz. Bu, veri b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc korumak ve nesnelerin beklenmedik \u015fekilde de\u011fi\u015ftirilmesini \u00f6nlemek i\u00e7in kritik \u00f6neme sahiptir.<\/li>\neval<\/code> Kullan\u0131m\u0131n\u0131n K\u0131s\u0131tlanmas\u0131:<\/strong> S\u0131k\u0131 Mod, eval()<\/code> fonksiyonunun davran\u0131\u015f\u0131n\u0131 k\u0131s\u0131tlar ve onun i\u00e7inde yeni de\u011fi\u015fkenlerin bildirilmesini engeller. Bu, eval<\/code>‘in k\u00f6t\u00fcye kullan\u0131m\u0131ndan kaynaklanabilecek g\u00fcvenlik risklerini azalt\u0131r ve kodun daha \u00f6ng\u00f6r\u00fclebilir olmas\u0131n\u0131 sa\u011flar.<\/li>\nwith<\/code> Deyiminin Yasaklanmas\u0131:<\/strong> with<\/code> deyimi, kapsam zincirini (scope chain) dinamik olarak de\u011fi\u015ftirdi\u011fi i\u00e7in kodun okunabilirli\u011fini ve performans\u0131n\u0131 olumsuz etkiler. S\u0131k\u0131 Mod, bu deyimin kullan\u0131m\u0131n\u0131 tamamen yasaklar, b\u00f6ylece daha temiz ve optimize edilebilir kod yaz\u0131lmas\u0131n\u0131 te\u015fvik eder.<\/li>\n<\/ul>\nGelecek Uyumlulu\u011fu ve Performans Katk\u0131lar\u0131<\/h3>\n
\n
implements<\/code>, interface<\/code>, let<\/code>, package<\/code>, private<\/code>, protected<\/code>, public<\/code>, static<\/code>, yield<\/code>) de\u011fi\u015fken veya fonksiyon ad\u0131 olarak kullan\u0131lmas\u0131n\u0131 yasaklar. Bu, kodunuzun gelecekteki JavaScript g\u00fcncellemeleriyle daha uyumlu olmas\u0131n\u0131 sa\u011flar ve olas\u0131 \u00e7ak\u0131\u015fmalar\u0131n \u00f6n\u00fcne ge\u00e7er.<\/li>\nS\u0131k\u0131 Modu Projelerinize Nas\u0131l Entegre Edebilirsiniz: Uygulama Y\u00f6ntemleri<\/h2>\n
1. Global Kapsamda S\u0131k\u0131 Mod Etkinle\u015ftirme<\/h3>\n
<script><\/code> etiketinin en ba\u015f\u0131na \"use strict\";<\/code> ifadesini ekleyerek, o dosyadaki t\u00fcm kodun S\u0131k\u0131 Mod kurallar\u0131na tabi olmas\u0131n\u0131 sa\u011flayabilirsiniz. Bu, genellikle yeni bir projeye ba\u015flarken veya k\u00fc\u00e7\u00fck, ba\u011f\u0131ms\u0131z scriptler yazarken tercih edilen bir y\u00f6ntemdir. Ancak, b\u00fcy\u00fck ve eski kod tabanlar\u0131na sahip projelerde, bu y\u00f6ntemi do\u011frudan uygulamak mevcut kodda \u00e7ok say\u0131da hataya neden olabilece\u011fi i\u00e7in dikkatli olunmal\u0131d\u0131r.<\/p>\n\"use strict\";\n\n\/\/ Bu dosyadaki t\u00fcm kod S\u0131k\u0131 Mod kurallar\u0131na tabidir.\n\nfunction topla(a, b) {\n \/\/ 'x' de\u011fi\u015fkeni bildirilmedi\u011fi i\u00e7in ReferenceError hatas\u0131 verir\n \/\/ x = a + b; \n let x = a + b;\n return x;\n}\n\n\/\/ Global kapsamda bir hata:\n\/\/ y = 10; \/\/ ReferenceError: y is not defined\n\nconsole.log(topla(5, 3));<\/code><\/pre>\n<\/p><\/div>\n2. Fonksiyon Baz\u0131nda S\u0131k\u0131 Mod Etkinle\u015ftirme<\/h3>\n
\"use strict\";<\/code> ifadesini fonksiyon tan\u0131m\u0131n\u0131n hemen i\u00e7ine, herhangi bir koddan \u00f6nce yerle\u015ftirmeniz yeterlidir. Bu y\u00f6ntem, \u00f6zellikle b\u00fcy\u00fck bir projede S\u0131k\u0131 Modu kademeli olarak benimsemek istedi\u011finizde veya belirli bir fonksiyonun kritik bir g\u00f6revi yerine getirdi\u011fini ve ekstra g\u00fcvenlik gerektirdi\u011fini d\u00fc\u015f\u00fcnd\u00fc\u011f\u00fcn\u00fczde olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n\/\/ Bu kod gev\u015fek modda \u00e7al\u0131\u015f\u0131yor\nlet globalDegisken = \"Merhaba\";\n\nfunction guvenliIslem() {\n \"use strict\"; \/\/ S\u0131k\u0131 Mod sadece bu fonksiyon i\u00e7inde etkinle\u015ftirildi.\n\n \/\/ Bu fonksiyon i\u00e7inde bildirilmemi\u015f de\u011fi\u015fken atamas\u0131 hataya yol a\u00e7ar\n \/\/ localDegisken = \"S\u0131k\u0131 Modda!\"; \/\/ ReferenceError: localDegisken is not defined\n let localDegisken = \"S\u0131k\u0131 Modda!\";\n console.log(localDegisken);\n\n \/\/ 'this' de\u011feri undefined'd\u0131r, global nesneye d\u00f6n\u00fc\u015fmez\n \/\/ console.log(this); \/\/ undefined\n}\n\nfunction gevsekIslem() {\n \/\/ Bu fonksiyon gev\u015fek modda \u00e7al\u0131\u015fmaya devam eder\n gevsekDegisken = \"Gev\u015fek Mod!\"; \/\/ Otomatik olarak global de\u011fi\u015fken olu\u015fturur\n console.log(gevsekDegisken);\n}\n\nguvenliIslem();\ngevsekIslem();\nconsole.log(globalDegisken);\nconsole.log(gevsekDegisken); \/\/ Gev\u015fek Mod!<\/code><\/pre>\n<\/p><\/div>\n3. Mod\u00fcl Baz\u0131nda S\u0131k\u0131 Mod Etkinle\u015ftirme (ES Mod\u00fclleri)<\/h3>\n
import<\/code> ve export<\/code> anahtar kelimelerini kullanarak bir mod\u00fcl tan\u0131mlad\u0131\u011f\u0131n\u0131zda, \"use strict\";<\/code> ifadesini a\u00e7\u0131k\u00e7a belirtmenize gerek kalmaz; mod\u00fcl\u00fcn i\u00e7eri\u011fi otomatik olarak S\u0131k\u0131 Mod kurallar\u0131na tabi olur.<\/p>\nmodule.js<\/code> ad\u0131nda bir dosyan\u0131z varsa:<\/p>\n\/\/ module.js\n\/\/ \"use strict\"; ifadesine gerek yok, \u00e7\u00fcnk\u00fc bu bir ES Mod\u00fcl\u00fcd\u00fcr.\n\nexport function hesapla(a, b) {\n \/\/ S\u0131k\u0131 Mod kurallar\u0131 burada ge\u00e7erlidir.\n \/\/ result = a * b; \/\/ ReferenceError hatas\u0131 verir\n let result = a * b;\n return result;\n}\n\n\/\/ anotherVar = 20; \/\/ ReferenceError: anotherVar is not defined<\/code><\/pre>\n<\/p><\/div>\napp.js<\/code>) kullan\u0131yorsan\u0131z:<\/p>\n\/\/ app.js\nimport { hesapla } from '.\/module.js';\n\nconsole.log(hesapla(4, 5)); \/\/ 20\n\n\/\/ Bu dosya da e\u011fer mod\u00fcl olarak tan\u0131mlanm\u0131\u015fsa (type=\"module\"), S\u0131k\u0131 Moddad\u0131r.\n\/\/ myVar = 30; \/\/ ReferenceError: myVar is not defined (e\u011fer app.js de mod\u00fcl ise)<\/code><\/pre>\n<\/p><\/div>\nS\u0131k\u0131 Modun Ortaya \u00c7\u0131kard\u0131\u011f\u0131 Yayg\u0131n Problemler ve \u00c7\u00f6z\u00fcm Stratejileri<\/h2>\n
1. Bildirilmemi\u015f De\u011fi\u015fken Atamalar\u0131 (Implicit Globals)<\/h3>\n
var<\/code>, let<\/code> veya const<\/code> ile bildirmeden ona de\u011fer atad\u0131\u011f\u0131n\u0131zda, JavaScript otomatik olarak bu de\u011fi\u015fkeni global kapsamda olu\u015fturur. S\u0131k\u0131 Modda ise bu durum bir ReferenceError<\/code> hatas\u0131yla sonu\u00e7lan\u0131r.<\/p>\n\"use strict\";\nfunction hatal\u0131Fonksiyon() {\n mesaj = \"Merhaba D\u00fcnya\"; \/\/ ReferenceError: mesaj is not defined\n}\nhatal\u0131Fonksiyon();<\/code><\/pre>\n<\/p><\/div>\nvar<\/code>, let<\/code> veya const<\/code> anahtar kelimeleriyle a\u00e7\u0131k\u00e7a bildirin. Bu, hem kodun okunabilirli\u011fini art\u0131r\u0131r hem de istenmeyen global de\u011fi\u015fken kirlili\u011fini \u00f6nler.<\/p>\n\"use strict\";\nfunction do\u011fruFonksiyon() {\n let mesaj = \"Merhaba D\u00fcnya\"; \/\/ De\u011fi\u015fken bildirildi\n console.log(mesaj);\n}\ndo\u011fruFonksiyon();<\/code><\/pre>\n<\/p><\/div>\n2. Yaz\u0131labilir Olmayan (Non-Writable) \u00d6zelliklere Atama<\/h3>\n
TypeError<\/code> hatas\u0131 f\u0131rlat\u0131l\u0131r.<\/p>\n\"use strict\";\nconst nesne = {};\nObject.defineProperty(nesne, 'id', { value: 1, writable: false });\n\nnesne.id = 2; \/\/ TypeError: Cannot assign to read only property 'id' of object '#<Object>'<\/code><\/pre>\n<\/p><\/div>\nObject.assign()<\/code> gibi y\u00f6ntemlerle kopyalayarak yeni bir nesne \u00fczerinde de\u011fi\u015fiklik yap\u0131n. E\u011fer bir \u00f6zelli\u011fi de\u011fi\u015ftirmek istiyorsan\u0131z, writable: true<\/code> olarak tan\u0131mland\u0131\u011f\u0131ndan emin olun.<\/p>\n3. Silinemeyen \u00d6zellikleri Silme<\/h3>\n
arguments<\/code> veya length<\/code> \u00f6zelli\u011fi) delete<\/code> operat\u00f6r\u00fcyle silmeye \u00e7al\u0131\u015fmak bir TypeError<\/code> ile sonu\u00e7lan\u0131r.<\/p>\n\"use strict\";\ndelete Object.prototype; \/\/ TypeError: Cannot delete property 'prototype' of function Object() { [native code] }\n\nfunction test() {}\ndelete test.length; \/\/ TypeError: Cannot delete property 'length' of function test() { ... }<\/code><\/pre>\n<\/p><\/div>\nundefined<\/code> olarak ayarlamak daha g\u00fcvenli bir yakla\u015f\u0131md\u0131r.<\/p>\n4. Fonksiyon Parametre Adlar\u0131n\u0131n Tekrar\u0131<\/h3>\n
SyntaxError<\/code> hatas\u0131yla sonu\u00e7lan\u0131r.<\/p>\n\"use strict\";\n\/\/ function topla(a, b, a) { \/\/ SyntaxError: Duplicate parameter name not allowed in strict mode\n\/\/ return a + b;\n\/\/ }<\/code><\/pre>\n<\/p><\/div>\n\"use strict\";\nfunction topla(ilkSayi, ikinciSayi, ucuncuSayi) {\n return ilkSayi + ikinciSayi + ucuncuSayi;\n}\nconsole.log(topla(1, 2, 3));<\/code><\/pre>\n<\/p><\/div>\n5.
this<\/code> Ba\u011flam\u0131n\u0131n Davran\u0131\u015f\u0131<\/h3>\nundefined<\/code> ile \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda this<\/code> de\u011feri otomatik olarak global nesneye (window<\/code>) d\u00f6n\u00fc\u015fmez; bunun yerine undefined<\/code> olarak kal\u0131r. Bu, gev\u015fek modda this<\/code>‘in her zaman bir nesneye d\u00f6n\u00fc\u015ft\u00fcr\u00fcld\u00fc\u011f\u00fc davran\u0131\u015fa al\u0131\u015fk\u0131n olan geli\u015ftiriciler i\u00e7in kafa kar\u0131\u015ft\u0131r\u0131c\u0131 olabilir.<\/p>\n\"use strict\";\nfunction gosterThis() {\n console.log(this); \/\/ undefined\n}\ngosterThis(); \/\/ Global kapsamda \u00e7a\u011fr\u0131ld\u0131\n\nconst nesne = {\n metot: gosterThis\n};\nnesne.metot(); \/\/ { metot: [Function: gosterThis] } - Nesne ba\u011flam\u0131 do\u011fru\n<\/code><\/pre>\n<\/p><\/div>\nthis<\/code> ba\u011flam\u0131n\u0131 a\u00e7\u0131k\u00e7a y\u00f6netin. .bind()<\/code>, .call()<\/code>, .apply()<\/code> metotlar\u0131n\u0131 veya ok fonksiyonlar\u0131n\u0131 (arrow functions) kullanarak this<\/code> de\u011ferinin beklenen ba\u011flama sahip oldu\u011fundan emin olun. \u00d6zellikle DOM olay dinleyicileri veya zamanlay\u0131c\u0131 fonksiyonlar\u0131 gibi yerlerde bu durum \u00f6nemlidir.<\/p>\nGer\u00e7ek D\u00fcnya Senaryolar\u0131nda S\u0131k\u0131 Modun Rol\u00fc: Vaka \u00c7al\u0131\u015fmalar\u0131<\/h2>\n
Vaka \u00c7al\u0131\u015fmas\u0131 1: B\u00fcy\u00fck \u00d6l\u00e7ekli Bir E-ticaret Uygulamas\u0131n\u0131n Geli\u015ftirilmesi<\/h3>\n
\n
this<\/code> ba\u011flam\u0131n\u0131n beklenmedik \u015fekilde global nesneye ba\u011flanmas\u0131, kullan\u0131c\u0131 aray\u00fcz\u00fcnde hatal\u0131 g\u00fcncellemelerle sonu\u00e7land\u0131.<\/li>\n<\/ul>\n\"use strict\";<\/code> ifadesini her dosyan\u0131n veya fonksiyonun ba\u015f\u0131na eklediklerinde, daha \u00f6nce sessizce g\u00f6z ard\u0131 edilen hatalar an\u0131nda istisnalar olarak ortaya \u00e7\u0131kt\u0131. Bu, geli\u015ftiricilerin sorunlar\u0131 daha kod yazma a\u015famas\u0131nda tespit etmelerini ve d\u00fczeltmelerini sa\u011flad\u0131. Sonu\u00e7 olarak:<\/p>\n\n
Vaka \u00c7al\u0131\u015fmas\u0131 2: Eski Bir Kurumsal Uygulaman\u0131n Refakt\u00f6r Edilmesi<\/h3>\n
\n
\"use strict\";<\/code> eklenerek, o fonksiyondaki potansiyel sorunlar tespit edildi ve d\u00fczeltildi.<\/li>\nlet<\/code> ve const<\/code> kullan\u0131larak kapsam (scope) daha iyi y\u00f6netildi.<\/li>\neval<\/code> ve with<\/code> gibi S\u0131k\u0131 Modda yasaklanan veya k\u0131s\u0131tlanan dil \u00f6zelliklerinin kullan\u0131mlar\u0131 tespit edilerek modern alternatiflerle de\u011fi\u015ftirildi.<\/li>\n<\/ol>\n\n
Modern JavaScript Ekosisteminde S\u0131k\u0131 Modun Yeri ve \u00d6nemi<\/h2>\n
ES Mod\u00fclleri ve Otomatik S\u0131k\u0131 Mod<\/h3>\n
import<\/code> ve export<\/code> ifadelerini kulland\u0131\u011f\u0131n\u0131z her JavaScript dosyas\u0131 i\u00e7in otomatik olarak \"use strict\";<\/code> ifadesini eklemi\u015f olman\u0131z anlam\u0131na gelir. Bu \u00f6zellik, modern taray\u0131c\u0131larda ve Node.js’in yeni s\u00fcr\u00fcmlerinde mod\u00fcl sisteminin temelini olu\u015fturur. Mod\u00fcllerin otomatik olarak S\u0131k\u0131 Modda \u00e7al\u0131\u015fmas\u0131, geli\u015ftiricilerin manuel olarak \"use strict\";<\/code> ekleme ihtiyac\u0131n\u0131 ortadan kald\u0131r\u0131r ve t\u00fcm mod\u00fcl tabanl\u0131 projelerin y\u00fcksek standartlarda kodlanmas\u0131n\u0131 sa\u011flar. Bu, modern web uygulamalar\u0131n\u0131n b\u00fcy\u00fck \u00e7o\u011funlu\u011funun zaten S\u0131k\u0131 Modun sa\u011flad\u0131\u011f\u0131 avantajlardan yararland\u0131\u011f\u0131 anlam\u0131na gelir.<\/p>\nFramework’ler ve K\u00fct\u00fcphaneler<\/h3>\n
Transpiler’lar (D\u00f6n\u00fc\u015ft\u00fcr\u00fcc\u00fcler) ve Bundler’lar (Paketleyiciler)<\/h3>\n
Linting Ara\u00e7lar\u0131 ve Kod Kalitesi<\/h3>\n
.eslintrc<\/code> dosyas\u0131nda S\u0131k\u0131 Mod ile ilgili kurallar varsay\u0131lan olarak tan\u0131ml\u0131d\u0131r.<\/p>\nS\u0131k\u0131 Mod Kullan\u0131m\u0131nda En \u0130yi Uygulamalar ve \u0130pu\u00e7lar\u0131<\/h2>\n
1. Kademeli Ge\u00e7i\u015f Stratejisi Uygulay\u0131n<\/h3>\n
\n
2. ESLint Gibi Linting Ara\u00e7lar\u0131n\u0131 Kullan\u0131n<\/h3>\n
3. ES Mod\u00fcllerini Tercih Edin<\/h3>\n
import<\/code>\/export<\/code>) kullanarak d\u00fczenleyin. ES Mod\u00fclleri varsay\u0131lan olarak S\u0131k\u0131 Modda \u00e7al\u0131\u015ft\u0131\u011f\u0131 i\u00e7in, bu yakla\u015f\u0131m size ekstra bir \u00e7aba harcamadan S\u0131k\u0131 Modun t\u00fcm faydalar\u0131n\u0131 sunar. Bu, \u00f6zellikle yeni projelere ba\u015flarken veya mevcut bir projenin mimarisini modernize ederken g\u00fc\u00e7l\u00fc bir ad\u0131md\u0131r.<\/p>\n4. Taray\u0131c\u0131 Uyumlulu\u011funu G\u00f6z \u00d6n\u00fcnde Bulundurun<\/h3>\n
\"use strict\";<\/code> ifadesinin bu taray\u0131c\u0131larda da bir s\u00f6zdizimi hatas\u0131na yol a\u00e7mayaca\u011f\u0131n\u0131 unutmay\u0131n (sadece g\u00f6rmezden gelinir). Yine de, S\u0131k\u0131 Modda yaz\u0131lan baz\u0131 kod yap\u0131lar\u0131 eski taray\u0131c\u0131larda farkl\u0131 davranabilir veya hi\u00e7 \u00e7al\u0131\u015fmayabilir. Hedef kitlenizin taray\u0131c\u0131 kullan\u0131m\u0131n\u0131 g\u00f6z \u00f6n\u00fcnde bulundurarak testlerinizi yap\u0131n.<\/p>\n5.
this<\/code> Ba\u011flam\u0131n\u0131 Anlay\u0131n ve Y\u00f6netin<\/h3>\nthis<\/code> anahtar kelimesinin davran\u0131\u015f\u0131, gev\u015fek moda g\u00f6re daha kat\u0131d\u0131r. Global ba\u011flamda \u00e7a\u011fr\u0131lan fonksiyonlarda this<\/code>‘in undefined<\/code> olmas\u0131, bir\u00e7ok geli\u015ftirici i\u00e7in ba\u015flang\u0131\u00e7ta kafa kar\u0131\u015ft\u0131r\u0131c\u0131 olabilir. Bu nedenle, fonksiyonlar\u0131 \u00e7a\u011f\u0131r\u0131rken veya callback’leri kullan\u0131rken this<\/code> ba\u011flam\u0131n\u0131 (.bind()<\/code>, .call()<\/code>, .apply()<\/code> veya ok fonksiyonlar\u0131 ile) a\u00e7\u0131k\u00e7a y\u00f6netti\u011finizden emin olun.<\/p>\n6. Gereksiz Global De\u011fi\u015fkenlerden Ka\u00e7\u0131n\u0131n<\/h3>\n
let<\/code>, const<\/code> veya var<\/code> kullanarak de\u011fi\u015fkenlerinizi bildirin. Global de\u011fi\u015fkenlerin kullan\u0131m\u0131n\u0131 minimize edin ve m\u00fcmk\u00fcn oldu\u011funca yerel kapsamda (local scope) \u00e7al\u0131\u015f\u0131n.<\/p>\n7. Testleri Es Ge\u00e7meyin<\/h3>\n
S\u0131k\u00e7a Sorulan Sorular (SSS)<\/h2>\n
\n
\"use strict\";<\/code> ifadesini kald\u0131r\u0131rsan\u0131z veya kodunuzu S\u0131k\u0131 Mod etkinle\u015ftirilmemi\u015f bir dosya veya fonksiyon i\u00e7inde yazarsan\u0131z, kodunuz gev\u015fek modda \u00e7al\u0131\u015fmaya devam eder. Ancak, modern geli\u015ftirme pratiklerinde S\u0131k\u0131 Modu kapatmak genellikle \u00f6nerilmez, \u00e7\u00fcnk\u00fc bu durum potansiyel hatalara ve g\u00fcvenlik a\u00e7\u0131klar\u0131na yol a\u00e7abilir.<\/dd>\n\"use strict\";<\/code> ifadesini bir dize de\u011fi\u015fmezi olarak alg\u0131lar ve g\u00f6rmezden gelir, bu da kodunuzun gev\u015fek modda \u00e7al\u0131\u015fmas\u0131na neden olur. Bu durum genellikle bir hataya yol a\u00e7maz, ancak S\u0131k\u0131 Modun faydalar\u0131ndan yararlanamazs\u0131n\u0131z.<\/dd>\nlet<\/code> ve const<\/code> aras\u0131ndaki ili\u015fki nedir?<\/dt>\nlet<\/code> ve const<\/code> anahtar kelimeleri, ECMAScript 2015 (ES6) ile tan\u0131t\u0131lm\u0131\u015ft\u0131r ve blok kapsaml\u0131 (block-scoped) de\u011fi\u015fken bildirimleri sa\u011flarlar. S\u0131k\u0131 Mod, let<\/code> ve const<\/code> ile do\u011frudan bir ili\u015fkiye sahip de\u011fildir, \u00e7\u00fcnk\u00fc S\u0131k\u0131 Mod ES5’te gelmi\u015ftir. Ancak, let<\/code> ve const<\/code>‘un kendileri S\u0131k\u0131 Modun te\u015fvik etti\u011fi disiplinli kodlama pratikleriyle m\u00fckemmel bir uyum i\u00e7indedir. Her ikisi de bildirilmemi\u015f de\u011fi\u015fken atamalar\u0131n\u0131 engelleyerek ve global de\u011fi\u015fken kirlili\u011fini azaltarak S\u0131k\u0131 Modun ama\u00e7lar\u0131na hizmet eder. S\u0131k\u0131 Modda let<\/code> veya const<\/code> ile bildirilmemi\u015f bir de\u011fi\u015fken kullanmaya \u00e7al\u0131\u015fmak yine bir ReferenceError<\/code> ile sonu\u00e7lan\u0131r.<\/dd>\n<\/dl>\n