JavaScript, web’in kalbi ve ruhu olmas\u0131n\u0131n yan\u0131 s\u0131ra, g\u00fcn\u00fcm\u00fczde sunucu tarafl\u0131 uygulamalardan (Node.js), mobil uygulamalara (React Native) ve hatta masa\u00fcst\u00fc uygulamalar\u0131na (Electron) kadar geni\u015f bir yelpazede kullan\u0131lan g\u00fc\u00e7l\u00fc, \u00e7ok y\u00f6nl\u00fc bir programlama dilidir. Bu geni\u015f kullan\u0131m alan\u0131, dilin esnekli\u011fini ve s\u00fcrekli geli\u015fimini kan\u0131tlar niteliktedir. Ancak, JavaScript’in g\u00fcc\u00fcn\u00fc tam olarak kullanabilmek ve s\u00fcrd\u00fcr\u00fclebilir, okunabilir, bak\u0131m\u0131 kolay kodlar yazabilmek i\u00e7in dilin temel s\u00f6z dizimi kurallar\u0131n\u0131 ve kodun nas\u0131l yap\u0131land\u0131r\u0131lmas\u0131 gerekti\u011fini derinlemesine anlamak kritik \u00f6neme sahiptir.<\/p>\n
S\u00f6z dizimi (syntax), bir programlama dilinin “dilbilgisidir”. De\u011fi\u015fkenleri nas\u0131l tan\u0131mlayaca\u011f\u0131m\u0131z\u0131, fonksiyonlar\u0131 nas\u0131l yazaca\u011f\u0131m\u0131z\u0131, ko\u015fullu ifadeleri veya d\u00f6ng\u00fcleri nas\u0131l kullanaca\u011f\u0131m\u0131z\u0131 belirleyen kurallar b\u00fct\u00fcn\u00fcd\u00fcr. Bu kurallara uymak, derleyicinin veya yorumlay\u0131c\u0131n\u0131n kodumuzu anlay\u0131p do\u011fru bir \u015fekilde \u00e7al\u0131\u015ft\u0131rmas\u0131n\u0131 sa\u011flar. \u00d6te yandan, kod yap\u0131s\u0131 (code structure), yazd\u0131\u011f\u0131m\u0131z kodun organizasyonunu, mod\u00fclerli\u011fini ve genel mimarisini ifade eder. \u0130yi bir kod yap\u0131s\u0131, b\u00fcy\u00fck projelerde karma\u015f\u0131kl\u0131\u011f\u0131 y\u00f6netmeye yard\u0131mc\u0131 olur, i\u015fbirli\u011fini kolayla\u015ft\u0131r\u0131r ve hata ay\u0131klama s\u00fcrecini h\u0131zland\u0131r\u0131r. Bu makalede, JavaScript’in temel s\u00f6z dizimi kurallar\u0131n\u0131 ayr\u0131nt\u0131l\u0131 olarak inceleyecek, ard\u0131ndan daha b\u00fcy\u00fck ve karma\u015f\u0131k uygulamalarda kodun nas\u0131l etkili bir \u015fekilde yap\u0131land\u0131r\u0131labilece\u011fine dair stratejileri ve en iyi uygulamalar\u0131 ele alaca\u011f\u0131z.<\/p>\n
JavaScript’in s\u00f6z dizimi, C tabanl\u0131 dillerden (Java, C#, C++) etkilenmi\u015ftir, bu da bu dillerden gelen geli\u015ftiriciler i\u00e7in \u00f6\u011frenmeyi kolayla\u015ft\u0131rabilir. Ancak, dilin kendine \u00f6zg\u00fc baz\u0131 n\u00fcanslar\u0131 ve esneklikleri bulunmaktad\u0131r.<\/p>\n
JavaScript’te veri depolamak i\u00e7in de\u011fi\u015fkenler ve sabitler kullan\u0131l\u0131r. \u00dc\u00e7 ana anahtar kelime mevcuttur: Modern JavaScript geli\u015ftirmede genellikle JavaScript dinamik olarak tip tan\u0131mlayan bir dildir, yani bir de\u011fi\u015fkenin t\u00fcr\u00fc \u00e7al\u0131\u015fma zaman\u0131nda belirlenir ve de\u011fi\u015ftirilebilir. \u0130ki ana kategoriye ayr\u0131l\u0131rlar:<\/p>\n Operat\u00f6rler, de\u011ferler \u00fczerinde i\u015flemler yapmak i\u00e7in kullan\u0131l\u0131r.<\/p>\n Program\u0131n \u00e7al\u0131\u015fma ak\u0131\u015f\u0131n\u0131 y\u00f6nlendirmek i\u00e7in kullan\u0131l\u0131rlar.<\/p>\n Fonksiyonlar, belirli bir g\u00f6revi yerine getiren yeniden kullan\u0131labilir kod bloklar\u0131d\u0131r.<\/p>\n JavaScript'te nesneler ve diziler, karma\u015f\u0131k verileri yap\u0131land\u0131rmak i\u00e7in temel yap\u0131 ta\u015flar\u0131d\u0131r.<\/p>\n Kodun okunabilirli\u011fini art\u0131rmak ve a\u00e7\u0131klama eklemek i\u00e7in yorumlar kullan\u0131l\u0131r.<\/p>\n JavaScript'te \u00e7o\u011fu ifadenin sonunda noktal\u0131 virg\u00fcl ( B\u00fcy\u00fck \u00f6l\u00e7ekli uygulamalar geli\u015ftirirken sadece s\u00f6z dizimini bilmek yeterli de\u011fildir; kodun nas\u0131l organize edildi\u011fi, projenin s\u00fcrd\u00fcr\u00fclebilirli\u011fi ve \u00f6l\u00e7eklenebilirli\u011fi i\u00e7in hayati \u00f6nem ta\u015f\u0131r.<\/p>\n Kapsam, bir de\u011fi\u015fkenin veya fonksiyonun kodun hangi b\u00f6l\u00fcm\u00fcnden eri\u015filebilir oldu\u011funu belirler.<\/p>\n Kapsam Zinciri (Scope Chain)<\/b>: Bir de\u011fi\u015fkene eri\u015filmeye \u00e7al\u0131\u015f\u0131ld\u0131\u011f\u0131nda, JavaScript \u00f6nce mevcut kapsama bakar, bulamazsa bir \u00fcst kapsama ge\u00e7er ve bu \u015fekilde k\u00fcresel kapsama ula\u015fana kadar devam eder.<\/p>\n JavaScript'te de\u011fi\u015fken ve fonksiyon bildirimleri, kodun \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131ndan \u00f6nce kapsaman\u0131n en \u00fcst\u00fcne \"y\u00fckseltilir\".<\/p>\n Kapan\u0131\u015f, bir i\u00e7 fonksiyonun, tan\u0131mland\u0131\u011f\u0131 d\u0131\u015f fonksiyonun kapsam\u0131na eri\u015febilme yetene\u011fidir, hatta d\u0131\u015f fonksiyon y\u00fcr\u00fctmesini bitirmi\u015f ve kapsam\u0131ndan \u00e7\u0131km\u0131\u015f olsa bile. Bu, \u00f6zel de\u011fi\u015fkenler olu\u015fturmak, fonksiyonlar\u0131 yap\u0131land\u0131rmak ve veri gizlili\u011fini sa\u011flamak i\u00e7in g\u00fc\u00e7l\u00fc bir mekanizmad\u0131r. Kapan\u0131\u015flar, fonksiyonel programlaman\u0131n temel ta\u015flar\u0131ndan biridir ve olay i\u015fleyicileri, mod\u00fcl desenleri ve currying gibi bir\u00e7ok geli\u015fmi\u015f desende kullan\u0131l\u0131r.<\/p>\n Mod\u00fclerlik, kodu daha k\u00fc\u00e7\u00fck, ba\u011f\u0131ms\u0131z ve yeniden kullan\u0131labilir par\u00e7alara b\u00f6lme prati\u011fidir. Bu, kodun okunabilirli\u011fini, bak\u0131m\u0131n\u0131 ve test edilebilirli\u011fini art\u0131r\u0131r.<\/p>\n ES Mod\u00fclleri, statik analize izin verir ve d\u00f6ng\u00fcsel ba\u011f\u0131ml\u0131l\u0131klar\u0131 daha iyi y\u00f6netir.\n <\/li>\n JavaScript tek i\u015f par\u00e7ac\u0131kl\u0131 bir dildir, bu da ayn\u0131 anda yaln\u0131zca bir g\u00f6revi y\u00fcr\u00fctebilece\u011fi anlam\u0131na gelir. Ancak, a\u011f istekleri, dosya okuma\/yazma gibi uzun s\u00fcren i\u015flemlerin ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131 bloke etmesini \u00f6nlemek i\u00e7in asenkron programlama teknikleri kullan\u0131l\u0131r.<\/p>\n Hatalar\u0131 d\u00fczg\u00fcn bir \u015fekilde y\u00f6netmek, uygulaman\u0131n sa\u011flaml\u0131\u011f\u0131n\u0131 art\u0131r\u0131r.<\/p>\n \u0130yi bir kod yap\u0131s\u0131, projenin uzun \u00f6m\u00fcrl\u00fc ve ba\u015far\u0131l\u0131 olmas\u0131n\u0131 sa\u011flar.<\/p>\n ES6 (ECMAScript 2015) ve sonraki s\u00fcr\u00fcmler, JavaScript'e s\u00f6z dizimini ve kod yap\u0131s\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde iyile\u015ftiren bir\u00e7ok yeni \u00f6zellik getirdi.<\/p>\nvar<\/code>, let<\/code> ve const<\/code>.<\/p>\n\n
var<\/code><\/b>: ES6 \u00f6ncesinde de\u011fi\u015fken tan\u0131mlamak i\u00e7in kullan\u0131lan tek anahtar kelimeydi. Fonksiyon kapsaml\u0131d\u0131r (function-scoped) ve yeniden tan\u0131mlanabilir. Hoisting \u00f6zelli\u011fi nedeniyle beklenmedik davran\u0131\u015flara yol a\u00e7abilir. Modern JavaScript’te kullan\u0131m\u0131 genellikle \u00f6nerilmez.<\/li>\nlet<\/code><\/b>: ES6 ile tan\u0131t\u0131lan let<\/code>, blok kapsaml\u0131d\u0131r (block-scoped). Yani, tan\u0131mland\u0131\u011f\u0131 s\u00fcsl\u00fc parantez blo\u011fu ({}<\/code>) i\u00e7inde ge\u00e7erlidir. Ayn\u0131 kapsamda yeniden tan\u0131mlanamaz, ancak de\u011feri de\u011fi\u015ftirilebilir.<\/li>\nconst<\/code><\/b>: Yine ES6 ile gelen const<\/code>, let<\/code> gibi blok kapsaml\u0131d\u0131r ancak bir kez atand\u0131ktan sonra de\u011feri de\u011fi\u015ftirilemez (sabit). Bir nesne veya dizi tan\u0131mland\u0131\u011f\u0131nda, referans\u0131 sabittir ancak i\u00e7eri\u011fi de\u011fi\u015ftirilebilir.<\/li>\n<\/ul>\nconst<\/code> tercih edilir; e\u011fer de\u011ferin de\u011fi\u015fmesi gerekiyorsa let<\/code> kullan\u0131l\u0131r. var<\/code> ise m\u00fcmk\u00fcn oldu\u011funca ka\u00e7\u0131n\u0131lmal\u0131d\u0131r.<\/p>\nVeri T\u00fcrleri<\/h4>\n
\n
\n
string<\/code>: Metinsel veriler (\u00f6rn. “Merhaba D\u00fcnya”).<\/li>\nnumber<\/code>: Say\u0131sal veriler (hem tam say\u0131lar hem ondal\u0131kl\u0131 say\u0131lar, \u00f6rn. 10, 3.14).<\/li>\nboolean<\/code>: Mant\u0131ksal de\u011ferler (true<\/code> veya false<\/code>).<\/li>\nnull<\/code>: Bilin\u00e7li olarak hi\u00e7bir de\u011ferin olmad\u0131\u011f\u0131n\u0131 belirten \u00f6zel bir de\u011fer.<\/li>\nundefined<\/code>: Bir de\u011fi\u015fkene de\u011fer atanmad\u0131\u011f\u0131nda veya bir fonksiyonun de\u011feri d\u00f6nd\u00fcrmedi\u011finde otomatik olarak atanan de\u011fer.<\/li>\nsymbol<\/code>: ES6 ile gelen, benzersiz ve de\u011fi\u015ftirilemez de\u011ferler olu\u015fturmak i\u00e7in kullan\u0131l\u0131r.<\/li>\nbigint<\/code>: ES2020 ile gelen, Number<\/code> tipinin temsil edemeyece\u011fi kadar b\u00fcy\u00fck tam say\u0131lar\u0131 temsil eder.<\/li>\n<\/ul>\n<\/li>\n\n
object<\/code>: Nesneler, anahtar-de\u011fer \u00e7iftlerinden olu\u015fan koleksiyonlard\u0131r. JavaScript’teki her \u015fey (diziler, fonksiyonlar, tarihler vb.) asl\u0131nda birer nesnedir.<\/li>\narray<\/code>: S\u0131ral\u0131 veri koleksiyonlar\u0131d\u0131r (asl\u0131nda \u00f6zel bir nesne t\u00fcr\u00fcd\u00fcr).<\/li>\nfunction<\/code>: \u00c7al\u0131\u015ft\u0131r\u0131labilir kod bloklar\u0131d\u0131r (yine \u00f6zel bir nesne t\u00fcr\u00fcd\u00fcr).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nOperat\u00f6rler<\/h4>\n
\n
+<\/code>, -<\/code>, <\/code>, \/<\/code>, %<\/code> (mod\u00fcl\u00fcs), <\/em>*<\/code> (\u00fcs alma).<\/li>\n=<\/code>, +=<\/code>, -=<\/code>, =<\/code>, \/=<\/code>, %=<\/code>, <\/em>*=<\/code>.<\/li>\n==<\/code> (e\u015fitlik, tip d\u00f6n\u00fc\u015f\u00fcm\u00fc yapar), ===<\/code> (kesin e\u015fitlik, tip d\u00f6n\u00fc\u015f\u00fcm\u00fc yapmaz), !=<\/code>, !==<\/code>, ><\/code>, <<\/code>, >=<\/code>, <=<\/code>. ===<\/code> ve !==<\/code> kullan\u0131m\u0131 tip g\u00fcvenli\u011fi a\u00e7\u0131s\u0131ndan daha \u00e7ok \u00f6nerilir.<\/li>\n&&<\/code> (VE), ||<\/code> (VEYA), !<\/code> (DE\u011e\u0130L).<\/li>\nko\u015ful ? de\u011fer1 : de\u011fer2<\/code>. K\u0131sa ko\u015fullu ifadeler i\u00e7in kullan\u0131l\u0131r.<\/li>\ntypeof<\/code> Operat\u00f6r\u00fc<\/b>: Bir de\u011fi\u015fkenin veya ifadenin veri tipini d\u00f6nd\u00fcr\u00fcr.<\/li>\ninstanceof<\/code> Operat\u00f6r\u00fc<\/b>: Bir nesnenin belirli bir s\u0131n\u0131f\u0131n \u00f6rne\u011fi olup olmad\u0131\u011f\u0131n\u0131 kontrol eder.<\/li>\n<\/ul>\nKontrol Ak\u0131\u015f\u0131 Deyimleri<\/h4>\n
\n
if<\/code>, else if<\/code>, else<\/code><\/b>: Belirli bir ko\u015fula ba\u011fl\u0131 olarak farkl\u0131 kod bloklar\u0131n\u0131n \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131n\u0131 sa\u011flar.<\/li>\nswitch<\/code><\/b>: Bir de\u011fi\u015fkenin farkl\u0131 olas\u0131 de\u011ferlerine g\u00f6re farkl\u0131 kod bloklar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rmak i\u00e7in kullan\u0131l\u0131r. Genellikle birden fazla else if<\/code> yerine daha okunabilir bir alternatif sunar.<\/li>\n\n
for<\/code><\/b>: Belirli bir say\u0131da tekrar etmek i\u00e7in idealdir.<\/li>\nwhile<\/code><\/b>: Bir ko\u015ful do\u011fru oldu\u011fu s\u00fcrece \u00e7al\u0131\u015f\u0131r.<\/li>\ndo...while<\/code><\/b>: Blo\u011fu en az bir kez \u00e7al\u0131\u015ft\u0131r\u0131r, ard\u0131ndan ko\u015fulu kontrol eder.<\/li>\nfor...in<\/code><\/b>: Nesne \u00f6zelliklerini (anahtarlar\u0131n\u0131) yinelemek i\u00e7in kullan\u0131l\u0131r.<\/li>\nfor...of<\/code><\/b>: Yinelenebilir nesnelerin (diziler, stringler, Map, Set vb.) de\u011ferlerini yinelemek i\u00e7in kullan\u0131l\u0131r.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nFonksiyonlar<\/h4>\n
\n
function ad(parametreler) { ... }<\/code>. Hoisting \u00f6zelli\u011fi vard\u0131r.<\/li>\nconst ad = function(parametreler) { ... };<\/code>. Bir de\u011fi\u015fkene atan\u0131r, hoisting \u00f6zelli\u011fi yoktur.<\/li>\nthis<\/code> ba\u011flam\u0131n\u0131 farkl\u0131 \u015fekilde ele al\u0131r. const ad = (parametreler) => { ... };<\/code>. Tek ifade varsa s\u00fcsl\u00fc parantez ve return<\/code> atlanabilir.<\/li>\n<\/ul>\nNesneler ve Diziler<\/h4>\n
\n
{ anahtar: de\u011fer, ... }<\/code> \u015feklinde tan\u0131mlan\u0131r. \u00d6zelliklere nesne.anahtar<\/code> veya nesne['anahtar']<\/code> ile eri\u015filir.<\/li>\n[de\u011fer1, de\u011fer2, ...]<\/code> \u015feklinde tan\u0131mlan\u0131r. Elemanlara indeks numaras\u0131yla (dizi[0]<\/code>) eri\u015filir.<\/li>\n<\/ul>\nYorumlar<\/h4>\n
\n
\/\/ Bu tek sat\u0131rl\u0131k bir yorumdur.<\/code><\/li>\n\/ Bu \u00e7ok sat\u0131rl\u0131 bir yorumdur. Birden fazla sat\u0131ra yay\u0131labilir. <\/em>\/<\/code><\/li>\n<\/ul>\nNoktal\u0131 Virg\u00fcller ve B\u00fcy\u00fck\/K\u00fc\u00e7\u00fck Harf Duyarl\u0131l\u0131\u011f\u0131<\/h4>\n
;<\/code>) kullan\u0131lmas\u0131 gelenekseldir, ancak dilin Otomatik Noktal\u0131 Virg\u00fcl Ekleme (ASI) \u00f6zelli\u011fi sayesinde bir\u00e7ok durumda zorunlu de\u011fildir. Ancak, tutarl\u0131l\u0131k ve olas\u0131 hatalar\u0131 \u00f6nlemek i\u00e7in noktal\u0131 virg\u00fcl kullan\u0131lmas\u0131 iyi bir uygulamad\u0131r. JavaScript b\u00fcy\u00fck\/k\u00fc\u00e7\u00fck harfe duyarl\u0131d\u0131r (degisken<\/code> ile Degisken<\/code> farkl\u0131d\u0131r).<\/p>\nJavaScript Kod Yap\u0131s\u0131 ve Organizasyonu<\/h3>\n
Kapsam (Scope) ve Ya\u015fam D\u00f6ng\u00fcs\u00fc<\/h4>\n
\n
var<\/code> ile tan\u0131mlanan de\u011fi\u015fkenler fonksiyon kapsaml\u0131d\u0131r.<\/li>\nlet<\/code> ve const<\/code> anahtar kelimeleriyle tan\u0131t\u0131ld\u0131. S\u00fcsl\u00fc parantez ({}<\/code>) ile tan\u0131mlanan herhangi bir blok i\u00e7inde (\u00f6rne\u011fin if<\/code> blo\u011fu, for<\/code> d\u00f6ng\u00fcs\u00fc) tan\u0131mlanan de\u011fi\u015fkenler yaln\u0131zca o blok i\u00e7inde eri\u015filebilir. Bu, daha \u00f6ng\u00f6r\u00fclebilir ve hatas\u0131z kod yazmaya yard\u0131mc\u0131 olur.<\/li>\n<\/ul>\nHoisting<\/h4>\n
\n
var<\/code> ile tan\u0131mlanan de\u011fi\u015fkenler ve fonksiyon bildirimleri hoisted edilir. Bu, tan\u0131mlanmadan \u00f6nce bile eri\u015filebilecekleri anlam\u0131na gelir (de\u011fi\u015fkenler undefined<\/code> olarak ba\u015flat\u0131l\u0131rken, fonksiyonlar tamamen kullan\u0131labilir olur).<\/li>\nlet<\/code> ve const<\/code> ile tan\u0131mlanan de\u011fi\u015fkenler de teknik olarak hoisted edilir ancak \"ge\u00e7ici \u00f6l\u00fc b\u00f6lge\" (temporal dead zone) olarak adland\u0131r\u0131lan bir durumdad\u0131rlar ve tan\u0131mlanmadan \u00f6nce eri\u015filemezler. Bu, var<\/code>'\u0131n neden oldu\u011fu bir\u00e7ok hatay\u0131 \u00f6nler.<\/li>\n<\/ul>\nKapan\u0131\u015flar (Closures)<\/h4>\n
Mod\u00fclerlik<\/h4>\n
\n
import<\/code> ve export<\/code> anahtar kelimeleriyle kullan\u0131l\u0131r.\n\n
export<\/code>: Bir mod\u00fclden i\u015flevleri, de\u011fi\u015fkenleri veya s\u0131n\u0131flar\u0131 d\u0131\u015fa aktarmak i\u00e7in kullan\u0131l\u0131r. export default<\/code> ile tek bir varsay\u0131lan d\u0131\u015fa aktar\u0131m da yap\u0131labilir.<\/li>\nimport<\/code>: Ba\u015fka bir mod\u00fclden d\u0131\u015fa aktar\u0131lan \u00f6\u011feleri i\u00e7e aktarmak i\u00e7in kullan\u0131l\u0131r.<\/li>\n<\/ul>\nrequire()<\/code> ve module.exports<\/code> kullan\u0131l\u0131r. Taray\u0131c\u0131larda do\u011frudan desteklenmez, ancak Webpack veya Rollup gibi ara\u00e7larla kullan\u0131labilir.<\/li>\n<\/ul>\nAsenkron JavaScript<\/h4>\n
\n
.then()<\/code> ile ba\u015far\u0131l\u0131 sonu\u00e7lar, .catch()<\/code> ile hatalar ve .finally()<\/code> ile i\u015flemin bitiminde \u00e7al\u0131\u015facak kod tan\u0131mlan\u0131r.<\/li>\nasync<\/code>\/await<\/code><\/b>: ES2017 ile tan\u0131t\u0131lan async<\/code>\/await<\/code>, promise'ler \u00fczerinde sentaktik bir \u015fekerdir ve asenkron kodu senkron koda benzer \u015fekilde yazmay\u0131 sa\u011flar. async<\/code> bir fonksiyonun promise d\u00f6nd\u00fcrece\u011fini belirtir, await<\/code> ise bir promise'in sonucunu beklerken fonksiyonun y\u00fcr\u00fct\u00fclmesini duraklat\u0131r. Bu, asenkron kodu daha temiz ve okunabilir hale getirir.<\/li>\n<\/ul>\nHata Y\u00f6netimi<\/h4>\n
\n
try...catch...finally<\/code><\/b>: Potansiyel olarak hata f\u0131rlatabilecek kodu try<\/code> blo\u011funa yerle\u015ftiririz. Bir hata olu\u015fursa, catch<\/code> blo\u011fu hatay\u0131 yakalar ve i\u015flem yapar. finally<\/code> blo\u011fu ise try<\/code> ve catch<\/code> bloklar\u0131 tamamland\u0131ktan sonra her zaman \u00e7al\u0131\u015f\u0131r, hata olsa da olmasa da.<\/li>\n<\/ul>\nKod Yap\u0131land\u0131rma \u0130\u00e7in En \u0130yi Uygulamalar<\/h4>\n
\n
\n
camelCase<\/code>: De\u011fi\u015fkenler, fonksiyonlar ve \u00f6zellikler i\u00e7in (myVariableName<\/code>).<\/li>\nPascalCase<\/code>: S\u0131n\u0131flar ve yap\u0131c\u0131 fonksiyonlar i\u00e7in (MyClassName<\/code>).<\/li>\nkebab-case<\/code>: CSS s\u0131n\u0131flar\u0131 ve HTML \u00f6znitelikleri i\u00e7in (dosya adlar\u0131 i\u00e7in de kullan\u0131labilir).<\/li>\nsnake_case<\/code>: Nadiren kullan\u0131l\u0131r, genellikle sabitler i\u00e7in veya belirli k\u00fct\u00fcphanelerde (MY_CONSTANT<\/code>).<\/li>\n<\/ul>\n<\/li>\ncomponents\/Button\/index.js<\/code>, pages\/HomePage\/index.js<\/code>.<\/li>\n<\/ul>\nModern JavaScript'te S\u00f6z Dizimi ve Yap\u0131 Geli\u015fmeleri<\/h3>\n
\n
const { name, age } = user;<\/code> veya const [first, second] = arr;<\/code>.<\/li>\n...<\/code>)<\/b>:\n