[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post-javascript-temelleri-degiskenler-tipler-ve-basit-ornekler":3},{"dataItem":4,"heading":36,"metaData":38,"schema":81},["Reactive",5],{"id":6,"title":7,"summary":8,"content":9,"seo_title":10,"seo_description":11,"seo_keywords":12,"slug":13,"createdAt":14,"updatedAt":14,"blog_categories":15,"authors":19,"image":24,"thumb":25,"image_webp":26,"thumb_webp":27,"rating":28,"heading_title":7,"heading_sub_title":17,"readingTime":29,"url":34,"comments":35,"meta_cover":24},27184,"JavaScript Temelleri: Değişkenler, Tipler ve Basit Örnekler","Bu makale, JavaScript'te değişken tanımlama, temel veri tipleri ve sık kullanılan operatörleri adım adım açıklar. Basit örnekler, çalışma ortamına nasıl kod yapıştırılacağı ve başlangıç için bir kontrol listesi içerir.","\u003Ch2>Giriş\u003C/h2>\n\u003Cp>JavaScript, web sayfalarına etkileşim ve dinamik davranışlar eklemek için kullanılan bir programlama dilidir. Temel düzeyde değişkenleri, veri tiplerini ve basit işlemleri öğrendiğinizde, küçük uygulamalar ve etkileşimler oluşturabilirsiniz. Temel kavramlar için başvurulabilecek kapsamlı kaynaklardan biri MDN Web Docs'tur: \u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Language_overview\">MDN — JavaScript Rehberi\u003C/a>.\u003C/p>\n\n\u003Ch2>Değişkenler: ne için ve nasıl kullanılır?\u003C/h2>\n\u003Cp>Değişkenler, program içinde veri sakladığınız isimlendirilmiş konteynerlerdir. JavaScript'te üç ana anahtar kelimeyle değişken bildirebilirsiniz: \u003Cstrong>let\u003C/strong>, \u003Cstrong>const\u003C/strong> ve \u003Cstrong>var\u003C/strong>. Hangisini kullanacağınız, kapsam (scope) ve yeniden atama (reassignment) ihtiyaçlarınıza bağlıdır.\u003C/p>\n\n\u003Ch3>Örnek bildirimler\u003C/h3>\n\u003Cp>Basit değişken bildirim örnekleri (tarayıcı konsoluna ya da Node.js'e yapıştırabilirsiniz):\u003Cbr>let sayi = 10;\u003Cbr>const isim = 'Ahmet';\u003Cbr>var yil = 2025;\u003C/p>\n\n\u003Ch3>let vs const vs var\u003C/h3>\n\u003Cul>\n  \u003Cli>\u003Cstrong>let\u003C/strong>: Blok kapsamına (block scope) sahiptir, yeniden atanabilir. Genelde değişebilecek değerler için tercih edilir.\u003C/li>\n  \u003Cli>\u003Cstrong>const\u003C/strong>: Blok kapsamına sahiptir ve tanımlandıktan sonra aynı ada yeni bir değer atanamaz. Ancak bir \u003Cem>nesnenin\u003C/em> içindeki özellikler değiştirilebilir; bu, referansın sabit olduğu ama içeriğin mutasyona uğrayabileceği anlamına gelir.\u003C/li>\n  \u003Cli>\u003Cstrong>var\u003C/strong>: Fonksiyon kapsamına (function scope) sahiptir ve bildirimleri hoisting (yukarı taşınma) davranışı gösterir. Modern kodda genelde \u003Cem>let\u003C/em> ve \u003Cem>const\u003C/em> tercih edilir.\u003C/li>\n\u003C/ul>\n\u003Cp>Daha fazla detay için MDN'in dil genel bakışına bakabilirsiniz: \u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Language_overview\">https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Language_overview\u003C/a>.\u003C/p>\n\n\u003Ch3>Kapsam ve hoisting kısa notu\u003C/h3>\n\u003Cp>\u003Cstrong>Hoisting\u003C/strong> nedeniyle \u003Cem>var\u003C/em> ile bildirilen değişkenler tanımlanmadan önce erişildiğinde \u003Cem>undefined\u003C/em> değeri dönebilir; oysa \u003Cem>let\u003C/em> ve \u003Cem>const\u003C/em> için bildirim öncesinde erişim genellikle \u003Cem>ReferenceError\u003C/em> ile sonuçlanır (temporal dead zone). Bu davranış ekip kurallarınız doğrultusunda karar vermenizi gerektirir.\u003C/p>\n\n\u003Ch2>JavaScript Veri Tipleri\u003C/h2>\n\u003Cp>JavaScript'te temel olarak iki büyük grup vardır: ilkel (primitive) tipler ve nesneler (objects). Yaygın kullanılan ilkel tipler şunlardır:\u003C/p>\n\u003Cul>\n  \u003Cli>\u003Cstrong>Number\u003C/strong>: Tüm sayılar (tamsayılar ve ondalıklar). Örnek: \u003Cem>let pi = 3.14;\u003C/em>\u003C/li>\n  \u003Cli>\u003Cstrong>BigInt\u003C/strong>: Çok büyük tamsayılar için, sonuna \u003Cem>n\u003C/em> eklenir. Örnek: \u003Cem>let b = 9007199254740991n;\u003C/em>\u003C/li>\n  \u003Cli>\u003Cstrong>String\u003C/strong>: Metinler. Örnek: \u003Cem>let mesaj = \"Merhaba\";\u003C/em>\u003C/li>\n  \u003Cli>\u003Cstrong>Boolean\u003C/strong>: \u003Cem>true\u003C/em> veya \u003Cem>false\u003C/em>. (Detaylı bilgi: \u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Boolean\">MDN — Boolean\u003C/a> ve \u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Boolean/Boolean\">Boolean() constructor\u003C/a>.)\u003C/li>\n  \u003Cli>\u003Cstrong>Undefined\u003C/strong>: Değer atanmamış değişkenlerin değeri.\u003C/li>\n  \u003Cli>\u003Cstrong>Null\u003C/strong>: Bilinçli olarak boş değeri temsil eder.\u003C/li>\n  \u003Cli>\u003Cstrong>Symbol\u003C/strong>: Benzersiz ve değiştirilemez anahtarlar oluşturmak için kullanılır.\u003C/li>\n  \u003Cli>\u003Cstrong>Object\u003C/strong>: Diziler, fonksiyonlar ve düz objeler gibi koleksiyonlar ve karmaşık yapılar.\u003C/li>\n\u003C/ul>\n\u003Cp>Tip denetimi için kullanılan temel araç \u003Cstrong>typeof\u003C/strong> operatörüdür. Örnekler:\u003Cbr>typeof 42 // \"number\"\u003Cbr>typeof 'isim' // \"string\"\u003Cbr>typeof true // \"boolean\"\u003Cbr>typeof null // \"object\"  (tarihsel bir davranıştan kaynaklanan durum)\u003C/p>\n\n\u003Ch2>İfadeler ve Operatörler\u003C/h2>\n\u003Cp>JavaScript'te aritmetik, karşılaştırma ve mantıksal operatörler sık kullanılır. MDN'in ifadeler ve operatörler bölümü bu konuda kapsamlıdır: \u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Expressions_and_operators\">MDN — Expressions and operators\u003C/a>.\u003C/p>\n\u003Cul>\n  \u003Cli>Aritmetik: \u003Cem>+, -, *, /, %\u003C/em>\u003C/li>\n  \u003Cli>Atama: \u003Cem>=, +=, -=\u003C/em>\u003C/li>\n  \u003Cli>Kıyaslama: \u003Cem>==, !=, ===, !==, >, <, >=, <=\u003C/em> (genelde \u003Cem>===\u003C/em> ve \u003Cem>!==\u003C/em> tercih edilir)\u003C/li>\n  \u003Cli>Mantıksal: \u003Cem>&&, ||, !\u003C/em>\u003C/li>\n  \u003Cli>String birleştirme ve şablonlar: \u003Cem>'Merhaba ' + isim\u003C/em> veya \u003Cem>`Merhaba ${isim}`\u003C/em>\u003C/li>\n\u003C/ul>\n\n\u003Ch2>Basit Örnekler (Adım Adım)\u003C/h2>\n\u003Cp>Aşağıda, öğrenirken doğrudan tarayıcı konsolunda deneyebileceğiniz kısa örnekler var.\u003C/p>\n\n\u003Ch3>1) Merhaba Dünya\u003C/h3>\n\u003Cp>Tarayıcı konsoluna yapıştırın ve Enter'a basın:\u003Cbr>console.log('Merhaba Dünya');\u003C/p>\n\n\u003Ch3>2) Basit hesaplama\u003C/h3>\n\u003Cp>Toplama örneği:\u003Cbr>let a = 5;\u003Cbr>let b = 7;\u003Cbr>console.log(a + b); // 12\u003C/p>\n\n\u003Ch3>3) Fonksiyon ile selamlaşma\u003C/h3>\n\u003Cp>Fonksiyon tanımı ve çağırma:\u003Cbr>function selamla(isim) {\u003Cbr>  return `Merhaba ${isim}`;\u003Cbr>}\u003Cbr>console.log(selamla('Ayşe'));\u003C/p>\n\n\u003Ch2>Nasıl Deneyebilirim?\u003C/h2>\n\u003Cp>Kodları denemek için iki kolay yol vardır:\u003C/p>\n\u003Col>\n  \u003Cli>Tarayıcıda: Bir web sayfası açın, geliştirici araçlarını (DevTools) açın ve \u003Cem>Console\u003C/em> sekmesine kodu yapıştırın.\u003C/li>\n  \u003Cli>Yerel: Node.js yüklüyse, bir dosya oluşturup \u003Cem>node dosya.js\u003C/em> ile çalıştırabilirsiniz.\u003C/li>\n\u003C/ol>\n\n\u003Ch2>İyi Uygulamalar (Pratik Kurallar)\u003C/h2>\n\u003Cul>\n  \u003Cli>\u003Cstrong>Genelde \u003Cem>const\u003C/em> kullanın:\u003C/strong> Değer değişmeyecekse \u003Cem>const\u003C/em> tercih edin; bu, kod okunabilirliğini ve hata tespitini kolaylaştırır.\u003C/li>\n  \u003Cli>\u003Cstrong>\u003Cem>let\u003C/em> yeniden atama gerektiğinde:\u003C/strong> Değerin değişmesi beklendiğinde \u003Cem>let\u003C/em> kullanın.\u003C/li>\n  \u003Cli>\u003Cstrong>Global değişkenlerden kaçının:\u003C/strong> Gereksiz küresel kapsam çakışmalarına yol açabilir.\u003C/li>\n  \u003Cli>\u003Cstrong>=== kullanın:\u003C/strong> Tür dönüşümlerinden kaçınmak için katı eşitlik (\u003Cem>===\u003C/em>) tercih edilir.\u003C/li>\n  \u003Cli>\u003Cstrong>Anlamlı isimlendirme:\u003C/strong> Değişken ve fonksiyon adları amacını açıkça yansıtmalı.\u003C/li>\n\u003C/ul>\n\n\u003Ch2>Yaygın Tuzaklar\u003C/h2>\n\u003Cul>\n  \u003Cli>\u003Cstrong>typeof null\u003C/strong> sonuç olarak \u003Cem>\"object\"\u003C/em> döner; bu tarihsel bir durumdur ve dikkat edin.\u003C/li>\n  \u003Cli>\u003Cstrong>Ondalık sayılarda hassasiyet:\u003C/strong> 0.1 + 0.2 === 0.3 kontrolü beklenen sonucu vermeyebilir; sayısal hatalar IEEE 754 kaynağından gelir.\u003C/li>\n  \u003Cli>\u003Cstrong>const ile nesne mutasyonu:\u003C/strong> \u003Cem>const\u003C/em> bir nesne bildirdiğinizde referansı sabittir, ancak iç özellikler değiştirilebilir.\u003C/li>\n\u003C/ul>\n\n\u003Ch2>Küçük Alıştırma — Uygulama Örneği\u003C/h2>\n\u003Cp>Ödev: Bir fonksiyon yazın, adı ve doğum yılını alsın, yaşını hesaplayıp şablon bir metin döndürsün. Çözüm örneği:\u003C/p>\n\u003Cp>function kisiBilgisi(isim, dogumYili) {\u003Cbr>  const suankiYil = new Date().getFullYear();\u003Cbr>  const yas = suankiYil - dogumYili;\u003Cbr>  return `Merhaba ${isim}, yaşınız ${yas}.`;\u003Cbr>}\u003Cbr>console.log(kisiBilgisi('Mehmet', 1990));\u003C/p>\n\n\u003Ch2>Hızlı Başlangıç Kontrol Listesi\u003C/h2>\n\u003Cul>\n  \u003Cli>Temel anahtar kelimeleri öğrenin: \u003Cem>let\u003C/em>, \u003Cem>const\u003C/em>, \u003Cem>var\u003C/em>.\u003C/li>\n  \u003Cli>İlkel tipleri ve nesneleri ayırt edin.\u003C/li>\n  \u003Cli>\u003Cem>typeof\u003C/em> ile tip kontrolünü deneyin.\u003C/li>\n  \u003Cli>Basit fonksiyonlar yazın ve çalıştırın.\u003C/li>\n  \u003Cli>MDN gibi resmi kaynaklardan detaylı davranışları kontrol edin.\u003C/li>\n\u003C/ul>\n\n\u003Chr>\n\u003Ch2>Kaynaklar ve Daha Fazla Okuma\u003C/h2>\n\u003Cul>\n  \u003Cli>\u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Language_overview\">MDN — Una reintroducción a JavaScript (Language overview)\u003C/a>\u003C/li>\n  \u003Cli>\u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Expressions_and_operators\">MDN — Expresiones y operadores\u003C/a>\u003C/li>\n  \u003Cli>\u003Ca href=\"https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Boolean\">MDN — Boolean\u003C/a>\u003C/li>\n\u003C/ul>\n","JavaScript Temelleri: Değişkenler, Tipler ve Basit Örnekler.","Bu rehber, JavaScript'te değişkenlerin nasıl tanımlandığını, temel veri tiplerini ve adım adım uygulanabilir örneklerle öğrenmeyi açıklar.","JavaScript Temelleri, javascript başlangıç kodları, temel js örnekleri, js veri tipleri, değişkenler javascript, adım adım javascript","javascript-temelleri-degiskenler-tipler-ve-basit-ornekler","2026-04-12T11:16:47.000Z",{"id":16,"title":17,"slug":18},201,"JavaScript Temelleri","javascript-temelleri",{"id":20,"name":21,"nickname":22,"slug":23},91,"Mert Kılıçoğlu","CodeCraftsman","mert-kilicoglu","/media/blog/24b812ea8191e54464a3208f4e779157.jpg","/media/blog/24b812ea8191e54464a3208f4e779157_thumb.jpg","/media/blog/24b812ea8191e54464a3208f4e779157.webp","/media/blog/24b812ea8191e54464a3208f4e779157_thumb.webp",null,{"minutes":30,"wordCount":31,"imageCount":32,"formatted":33},4,692,0,"4 dk okuma süresi","/blog/javascript-temelleri/javascript-temelleri-degiskenler-tipler-ve-basit-ornekler",[],["Reactive",37],{"title":7,"subTitle":17,"image":24},["Reactive",39],{"title":10,"meta":40,"link":75},[41,43,45,48,51,54,57,60,63,66,69,71,73],{"hid":42,"name":42,"content":11},"description",{"hid":44,"name":44,"content":12},"keywords",{"hid":46,"name":46,"content":47},"author","Başlangıç Seviyesi Kod & Snippet Rehberi",{"hid":49,"name":49,"content":50},"robots","index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",{"hid":52,"property":52,"content":53},"og:type","website",{"hid":55,"property":55,"content":56},"og:title","Başlangıç Kod & Snippet Rehberi | KodÖğreniyorum",{"hid":58,"property":58,"content":59},"og:description","Yeni başlayanlara yönelik kısa kod örnekleri, snippet'ler ve adım adım alıştırmalar. Hızlı uygulamalarla temel programlama mantığını pekiştir.",{"hid":61,"property":61,"content":62},"og:image","https://kodogreniyorum.com/media/blog/24b812ea8191e54464a3208f4e779157.jpg",{"hid":64,"property":64,"content":65},"og:url","https://kodogreniyorum.com/blog/javascript-temelleri/javascript-temelleri-degiskenler-tipler-ve-basit-ornekler",{"hid":67,"name":67,"content":68},"twitter:card","summary_large_image",{"hid":70,"name":70,"content":56},"twitter:title",{"hid":72,"name":72,"content":59},"twitter:description",{"hid":74,"name":74,"content":62},"twitter:image",[76,78],{"rel":77,"href":65},"canonical",{"rel":79,"href":80},"amphtml","https://amp.kodogreniyorum.com/blog/javascript-temelleri/javascript-temelleri-degiskenler-tipler-ve-basit-ornekler",["Reactive",82],{"@context":83,"@graph":84},"https://schema.org",[85,98],{"@type":86,"headline":10,"image":62,"author":87,"publisher":90,"datePublished":14,"dateModified":14,"mainEntityOfPage":96,"description":11},"BlogPosting",{"@type":88,"name":21,"url":89},"Person","https://kodogreniyorum.com/yazarlar/mert-kilicoglu",{"@type":91,"name":47,"logo":92},"Organization",{"@type":93,"url":94,"width":95,"height":95},"ImageObject","https://kodogreniyorum.com/img/icons/favicon.png",32,{"@type":97,"@id":65},"WebPage",{"@type":99,"itemListElement":100},"BreadcrumbList",[101,106,110,113],{"@type":102,"position":103,"name":104,"item":105},"ListItem",1,"Ana Sayfa","https://kodogreniyorum.com",{"@type":102,"position":107,"name":108,"item":109},2,"Blog","https://kodogreniyorum.com/blog",{"@type":102,"position":111,"name":17,"item":112},3,"https://kodogreniyorum.com/blog/javascript-temelleri",{"@type":102,"position":30,"name":7,"item":65}]