JavaScript Fonksiyonları, web siteleri ve uygulamalarının en önemli parçalarından biridir Bu fonksiyonlar sayesinde kullanıcılarla etkileşime geçmek, verileri yönetmek ve sayfaları dinamik hale getirmek mümkün olur JavaScript Fonksiyonları hakkında daha fazla bilgiyi buradan edinin

JavaScript, çevrimiçi platformlar için en yaygın kullanılan dillerden biridir. JavaScript fonksiyonları, kullanıcı tarafından kullanılabilen kod bloklarıdır ve önceden tanımlanmış eylemleri gerçekleştirir. Fonksiyonlar, hatta daha büyük programların oluşturulmasına yardımcı olan birleştirilebilir bileşenlerdir. Sıklıkla kullanılan işlevleri bir kere tanımlandıktan sonra, programda yer alan her yere kolayca çağrılabilirler.

JavaScript fonksiyonları neden önemlidir? Birleştirilebilir bileşenler olarak, kod tekrarının önlenmesine ve okunabilirliğin artmasına yardımcı olurlar. Yine de, fonksiyonların en önemli yararlarından biri, programlama dilinde yaşanan fiziksel dosya boyutu azalmasına yardımcı olmalarıdır. Bu nedenle, web sayfaları daha hızlı yüklenir ve daha düşük kaynak düzeyleri ve bant genişliği gerektirir. Fonksiyonlar ayrıca, web yazarları tarafından yeniden kullanılabilecek örneklerin yeniden oluşturulmasını da kolaylaştırır. Bulundukları sayfaların kodu daha iyi yapılandırmış ve dosya boyutunu küçükletmiş olurlar.

Fonksiyonların Tanımlanması

JavaScript'te fonksiyonlar, bize kod bloklarını tekrar tekrar kullanma olanağı sağlayan birimlerdir. Fonksiyonlar, web sayfalarımızın daha az karmaşık ve daha etkili hale getirilmesine yardımcı olurlar. Bu sayede aynı kod blokları birden fazla kez kullanılabildiği için, kod tekrarlarının önüne geçilmiş olur.

JavaScript'te, fonksiyonlar şu şekilde tanımlanır:

function fonksiyonIsmi(parametre1, parametre2, parametre3){    // fonksiyonun kodları}

Bu yapıda,

• function anahtar kelimesi ile fonksiyonun tanımlandığı belirtilir.
• fonksiyonIsmi kısmı, tanımlanan fonksiyona bir isim verilir.
• parametre1, parametre2, parametre3, fonksiyonun parametreleri olarak belirtilen ve isteğe bağlı olabilen alanlardır. Bu alanlar, fonksiyona verilecek bilgilerin adını ve değerini belirlemek için kullanılır.
• {} işaretleri, fonksiyon içindeki kod bloğunun başlangıcını ve sonunu belirtirler.

Bu yapı sayesinde, önceden tanımlı bir fonksiyon çağrıldığında, işlem yapılmak istenen parametreler fonksiyona verilir ve fonksiyonda belirtilen işlemler yapılır. Çağrıldığında ise fonksiyonun geriye dönüş değeri kullanıcının belirleyeceği değer olarak karşımıza çıkar.

Parametrelerle Çalışmak

JavaScript'de, fonksiyonlar belirli görevleri yerine getirir ve farklı değerlerle çağrılabilirler. Fonksiyonlarla daha fazla işlem yapmak için, parametreler kullanılabilir. Parametreler, fonksiyon çağrısında fonksiyona geçirilen argüman değerleridir.

Bu parametreler, fonksiyonun daha iyi çalışabilmesi için gerekli olan değişkenleri ve verileri temsil eder. JavaScript'deki fonksiyonlar fonksiyon adı ve argümanlar arasında parantez içinde tanımlanır.

Örneğin, fonksiyonumuz şöyle tanımlanabilir:

function toplam(a, b) {  return a + b;}

Bu fonksiyon iki parametre alır, bu parametreler 'a' ve 'b' adlı değişkenlere atanır. Daha sonra 'a' ve 'b' değişkenleri, 'return a + b' ifadesinde toplanırlar ve toplam sonucu geri döndürülür.

Fonksiyonlarla çalışırken, bazen varsayılan bir değer atayarak parametreleri daha da esnek hale getirebilirsiniz. Bu yöntem, fonksiyonun akraba değerleri yoksa, fonksiyonu çalıştırmak için varsayılan değerleri kullanmayı sağlar.

Aşağıdaki örnek, fonksiyonla birlikte kullanabileceğiniz varsayılan bir sayfa adı örneğidir:

function sayfaAdi(ad = 'Anasayfa') {  return 'Siteye Hoşgeldiniz' + ad + '!';}

Bu durumda, ad parametresinin varsayılan değeri, 'Anasayfa'dır. Ancak, fonksiyon çağrısında 'Hakkımızda' gibi bir değer belirtirseniz, fonksiyon adı o değerle değiştirilecektir.

Bu örnekleri kullanarak, exprese yöntemiyle bir dizi parametre geçirerek çok daha esnek bir fonksiyon yaratabilirsiniz. Bu parametreler, daha esnek bir koda ve daha esnek bir işleve sahip olmanıza yardımcı olacaktır.

Varsayılan Parametreler

JavaScript'de, programcılar bazen fonksiyonlara belirli değerleri iletmek için parametreler kullanmak isteyebilirler. Ancak, fonksiyonu çağıranların parametreleri sağlaması gerekir ve eğer bunu yapmazlarsa, kod hatalı çalışabilir. İşte bu sorunu önlemek için varsayılan parametreler kullanılır.

Varsayılan parametreler, bir fonksiyon tarafından kullanılmak üzere önceden tanımlanmış parametre değerleridir. Bu, eğer bir fonksiyonda belirli bir parametre değeri belirtilmezse, yerine varsayılan bir değer atanacaktır.

Bir fonksiyonda varsayılan parametre belirlemek istiyorsanız, basitçe fonksiyon tanımını aşağıdaki gibi güncelleyebilirsiniz:

function sayHello(name = "Dünya") {  console.log("Merhaba " + name + "!");}

Bu örnekte, "sayHello" isimli bir fonksiyon tanımlanmıştır ve "name" adlı bir parametre belirtilmiştir. Ancak, parametreye herhangi bir değer atanmadığı durumlarda, varsayılan değeri "Dünya" olarak atanacaktır.

Birkaç parametresi olan daha karmaşık bir fonksiyon tasarlarken, varsayılan parametreleri belirlemek özellikle yararlıdır. Örneğin:

function calculatePrice(price, tax = 0.18, discount = 0) {  let total = price + (price * tax);  return total - (total * discount);}

Bu örnekte, "calculatePrice" isimli bir fonksiyon tanımlanmıştır ve "price", "tax" ve "discount" adında üç parametre belirtilmiştir. Ancak, "tax" ve "discount" parametrelerine belirtilen değerler yoksa, varsayılan değerleri kullanarak hesaplanacaktır. Bu, fonksiyonun daha esnek hale getirilmesine olanak tanır.

Örnek Parametreler

JavaScript fonksiyonları, varsayılan parametrelerle daha esnek hale getirilebilir. Varsayılan parametreler, fonksiyon çağırılırken parametrelerin değeri geçirilmediğinde kullanılan önceden tanımlanmış bir değerdir. Örneğin, bir fonksiyonunuz varsa ve bir parametre geçirmediğinizde, varsayılan parametre olarak kullanmak istediğiniz sabit bir değer belirleyebilirsiniz. Varsayılan parametreleri kullanarak, fonksiyonlarınızı daha az hataya neden olacak şekilde daha esnek hale getirebilirsiniz.

Aşağıdaki örnek fonksiyonda, "ad" ve "soyad" parametreleri varsayılan olarak belirtilmiştir:

function adSoyad(ad = "John", soyad = "Doe") { return ad + " " + soyad;}

console.log(adSoyad()); // John Doeconsole.log(adSoyad("Jane")); // Jane Doeconsole.log(adSoyad("Jane", "Smith")); // Jane Smith

Yukarıdaki örnek fonksiyonda, varsayılan değerler "John" ve "Doe" olarak ayarlanmıştır. Fonksiyon çağırıldığında parametreler geçirilmediğinde, varsayılan değerler kullanılır. Eğer bir parametre geçilirse, sadece o parametreyi değiştirir ve diğer parametre varsayılan değerini kullanır. Örneğin, "Jane" adında bir kişinin soyadını belirtmek için fonksiyon çağırılırken sadece "Jane" parametresi tanımlanmıştır, soyadı varsayılan değeri olan "Doe" olarak kalır.

Ayrıca, varsayılan parametrelere dizeler veya sayılar gibi herhangi bir değer de atanabilir. İşte örnek bir fonksiyon:

function ozet(metin, maxKelime = 5) { let kelimeler = metin.split(' '); if (kelimeler.length > maxKelime) { metin = kelimeler.slice(0, maxKelime).join(' ') + '...'; } return metin;}

console.log(ozet("JavaScript fonksiyonları, varsayılan parametrelerle daha esnek hale getirilebilir."));// "JavaScript fonksiyonları, varsayılan..."

Yukarıdaki örnek fonksiyon, "maxKelime" parametresine varsayılan değer olarak 5 atanmıştır. Metin, belirtilen maksimum kelime sayısından daha fazla kelime içeriyorsa, fonksiyon metnin ilk 5 kelimesini alır ve sonuna üç nokta ekler.

Bu örnekler, varsayılan parametrelerin nasıl kullanılabileceğine dair iyi bir fikir vermektedir. Varsayılan parametreleri kullanarak, fonksiyonların daha esnek ve daha az hataya neden olacak şekilde yazılabilmesi için parametreleri daha akıllıca işleyebilirsiniz.

Yapısal Parametreler

JavaScript fonksiyonları, sadece basit veri türleri değil, yapısal veri türleri de dahil olmak üzere her türlü veri türüyle çalışabilir. Bu, objeler gibi karmaşık veri yapıları ile çalışma ihtiyacı doğurabilir. Fonksiyonlara bir obje veya dizi gibi yapısal bir parametre geçirerek, fonksiyonun bu verileri işlemesi ve belirli bir değere veya sonuç dizisine dönüştürmesi, yaygın bir kullanımdır.

Örneğin, bir dizi fonksiyonu sıralama algoritması olarak düşünün. Bu fonksiyonlar, sadece bir dizi sayısal veri ile çalışmakla kalmayıp, aynı zamanda bir ürün listesi veya bir kullanıcının profil verileri gibi daha karmaşık yapısal verileri de işleyebilir. Bu tip fonksiyonlar, yapısal veriye dayalı olarak daha esnek sonuçlar üretebilir ve kodun yeniden kullanımını kolaylaştırabilir.

Objeler gibi karmaşık veri türleri de JS fonksiyonlarıyla işlenebilir ve yeniden özelliklerinde kullanılabilir. Fonksiyona bir obje parametresi tanımlamak kolaydır ve bu sayede ekleme, silme, düzenleme gibi değişiklikler yapılabilir. Buna ek olarak, objeleri işlemek için JavaScript’in temel fonksiyonlarından biri olan for..in döngülerinden yararlanarak, verileri daha verimli ve daha esnek bir şekilde işleyebilirsiniz.

Yapısal parametreler hem fonksiyonun ne yaptığını anlamak hem de kodun okunabilirliğini ve bakımını kolaylaştırmak açısından önemlidir. Objeler gibi yapısal verileri kullanarak, kodlama sırasında daha fazla özellik atanabilir ve kodun tekrar kullanılması kolaylaşır. Bu şekilde, yazılım geliştiriciler, projede daha verimli bir çalışma süreci sağlayabilirler.

Fonksiyonlardan Geri Değer Almak

JavaScript'deki fonksiyonlar, geri dönüş değeri vererek, programcıların çıktıları kullanmalarını sağlar. Bir fonksiyondan dönen değer, ilgili çıktıyı işleme, fonksiyon ve parametrlerle çalışma gibi farklı durumlarda kullanılabilir.

Fonksiyondan geri dönüş değerini almak için 'return' anahtar kelimesi kullanılır. 'return' anahtar kelimesi, fonksiyonun çağrıldığı yerde kullanılan bir değişken halinde gönderilen değeri gönderir. Dönen değer, değişkenlerle veya doğrudan karşılaştırma operatörleri ile kontrol edilerek önemli işlemler gerçekleştirilebilir. Dönen değeri göstermek için bir değişken, bir başka fonksiyon veya bir ifade içinde kullanılabilir.

Aşağıdaki örnek, fonksiyondan dönen değeri bir değişkene atar ve daha sonra bu değişkenin, belirtilen koşullara göre kontrol edilerek ayırma işlemi yapar:

```javascriptfunction ayir(a, b) { return a - b;}var sonuc = ayir(10, 5);if (sonuc > 0) { console.log('a, b\'den büyüktür.');}else { console.log('b, a\'dan büyüktür veya eşittir.');}```

Bu örnek, 'ayir' fonksiyonunu kullanarak 'sonuc' değişkenine 10-5=5 değerini aktarır. Ardından, 'sonuc' değerinin belirli bir koşula göre kontrol edilmesi için bir if-else yapısı kullanır. Eğer sonuç 0'dan büyükse, 'a, b'den büyüktür.' yazdırır, aksi takdirde 'b, a'dan büyüktür veya eşittir.' yazdırır.

Fonksiyonlardan dönen değer, programcıların yazılımlarındaki hataları izlemelerine ve açıklayıcı hata mesajları oluşturmalarına olanak tanır. Fonksiyonlar, programların daha modüler ve yeniden kullanılabilir hale gelmesine yardımcı olur.

Koşullu İfadeler

Koşullu ifadeler, JavaScript'teki temel yapı taşlarından biridir. Bu ifadeler, belirli bir durumun doğru olması durumunda belirli bir eylemin gerçekleştirilmesini sağlar. Örneğin, bir kullanıcının giriş yapmış olması durumunda, belirli bir sayfaya yönlendirilebilirsiniz veya giriş yapılmamışsa tekrar giriş sayfasına yönlendirilebilirsiniz.

Koşullu ifadelerin amacı, programınızın akışını kontrol etmek ve çeşitli koşullara göre belirli eylemler gerçekleştirmektir. Örneğin, bir kullanıcının bir şeyi onaylaması istendiğinde, kabul et veya reddet düğmeleri görüntülenebilir.

JavaScript'teki koşullu ifadeler, kodunuzu daha etkili ve daha anlamlı hale getirir. Bu ifadeler, çeşitli senaryoları ele almak için kullanılır ve web sayfalarınızdaki işlevselliği artırmak için önemlidir. Koşullu ifadeler, bir web sitesinde kullanılacak neredeyse tüm interaktif öğeleri kontrol eder.

Basit Koşullar

JavaScript'de basit koşullar, programın akış bağımı için temel bir yapı taşıdır. Bu yapı taşı, belirli bir koşulun sağlanması durumunda yapılacak işlemleri tanımlar. Bir koşul sağlanırsa, ifadenin geri kalanı yürütülür; aksi halde, ifadenin geri kalanı atlanır.

Basit koşullar, bir 'if' anahtar kelimesiyle başlar ve ardından koşul yazılır. JavaScript'te koşullar, boolean ifadeler kullanılarak yazılır; yani, true veya false değeri döndürürler.

Örneğin, bir web sitesinde 'Giriş Yap' düğmesine basıldığında, sistemin belirli bir koşulu kontrol etmesi gerekir: kullanıcının doğru bir şekilde kimlik doğrulama işlemini yapmış olması gerekmektedir. Bu koşul sağlandığında, sistemin belirli bir davranış sergilemesi gerekir (örneğin, bir kullanıcıya hoş geldin mesajı gösterme).

Basit koşulların kod yapısı şöyle olacaktır:

Bu kod yapısını bir örnekle açıklayabiliriz:

if (x > 10) {  document.write("x 10'dan büyüktür.");}

Bu kod bloğu, 'x' değişkeninin 10'dan büyük olması durumunda, "x 10'dan büyüktür" mesajını ekrana yazar.

JavaScript programlama dilindeki basit koşulların, programınızın akışına yön vermek için temel bir yapı taşı olduğunu unutmayın. Bu yapı taşı, özellikle web uygulamaları için, çok yaygın olarak kullanılır. Bu nedenle, JavaScript'teki basit koşulların kullanımını öğrenmek, bir web geliştiricisi için önemlidir.

Karşılaştırma Operatörleri

JavaScript'deki karşılaştırma operatörleri, bir program içinde çeşitli koşulları kontrol etmek için kullanılır. Bu operatörler, verilen iki değeri karşılaştırır ve sonucu Boolean türünde (true veya false) döndürür.

İlk olarak, '==' operatörü, verilen iki değeri karşılaştırır ve eşit olup olmadıklarını kontrol eder. Örneğin, "3 == '3'" ifadesi true sonucunu verir, çünkü değer aynıdır. Ancak "3 == '4'" ifadesi false olarak değerlendirilir, çünkü değerler farklıdır.

İkinci olarak, '===' operatörü, verilen iki değeri aynı türde ve değerde karşılaştırır. Örneğin, "3 === '3'" ifadesi false olarak değerlendirilir, çünkü türleri farklıdır. Ancak "3 === 3" ifadesi true olarak değerlendirilir, çünkü hem türleri hem de değerleri aynıdır.

Bu operatörlerin yanı sıra, '!=' operatörü de var. Bu operatör, verilen iki değerin eşit olmadığını kontrol eder. Aynı şekilde, '!==' operatörü aynı türde ve değerde olmayan iki değerin karşılaştırılması için kullanılır.

Karşılaştırma operatörleri, koşullu ifadelerde (if/else) çok sık kullanılır. Örneğin, bir kullanıcının girdiği değeri kontrol etmek ve belirli bir koşulu karşılaması durumunda farklı bir işlem yapmak için bu operatörler kullanılabilir.

Özetle, JavaScript'deki karşılaştırma operatörleri, verilen iki değeri karşılaştırır ve sonucu Boolean türünde döndürür. Bu operatörler, koşullu ifadelerde sık sık kullanılır ve programlama dilinde önemli bir yere sahiptir.

Çok Sayıda Koşul

JavaScript'de tek bir koşulu değil, birden fazla koşulu belirtmeniz gereken durumlar vardır. Birden fazla koşul belirtmenin doğru yolu, mantıksal operatörlerini kullanarak ifadenizi yazmaktır. JavaScript'teki mantıksal operatörler, AND (ve), OR (veya) ve NOT (değil) olarak adlandırılır.

AND (&&) operatörü, ifadenizi iki koşula bağlamak için kullanılır. İlk koşulun ve ikinci koşulun da doğru olması gerektiğinde kullanılır. Örneğin:

OR (||) operatörü, ifadenizi iki koşula bağlamak için kullanılır. İlk koşulu veya ikinci koşulu doğru olması gerektiğinde kullanılır. Örneğin:

NOT (!) operatörü, bir koşulu tersine çevirmek için kullanılır. Örneğin:

Bu operatörleri kullanarak, birden fazla koşul belirtebilir ve kodunuzun daha esnek olmasını sağlayabilirsiniz.

İç İçe Koşullar

JavaScript fonksiyonlarının kullanışlılığı ve esnekliği, JavaScript'i öğrenmek isteyenler için önemli bir konu olmaya devam etmektedir. İç içe koşullar, JavaScript fonksiyonlarıyla birlikte kullanıldığında oldukça güçlü bir araç haline gelir.

İç içe koşullar, bir koşula bağlı olarak bir başka koşulun tetiklenmesini sağlar. Bu, kodu daha kolay okunur hale getirir ve karmaşık mantıkları daha iyi yönetmenize olanak sağlar. İç içe koşullar, if ve else if ifadeleriyle kullanılır.

Örneğin, bir programın işleyişi belirli bir koşulu sağlamaya bağlıysa, iç içe koşullar kullanılabilir. if ifadesi kullanılarak başlayan koşullu ifadenin yanı sıra else if ifadesi de kullanılabilir. Örneğin:

Bu örnek, x'in belirli bir değere göre işlem yapılmasını gerektiren bir durumda kullanılabilir. if koşulu ilk olarak x'in 10'dan büyük olup olmadığını kontrol eder. Sonra else if koşulu x'in 5'ten büyük olup olmadığını kontrol eder. Eğer bu koşullar sağlanmazsa, else ifadesi diğer işlemi gerçekleştirir.

JavaScript'deki iç içe koşulları kullanarak kodunuzu daha okunaklı ve esnek hale getirebilirsiniz. Bu nedenle, bu konuya hakim olmanız gerektiğini unutmayın.

Örnek Uygulamalar

Fonksiyonlar ve koşullu ifadeler, JavaScript'in en önemli parçalarından biri olarak kabul edilir. Bu nedenle, birçok uygulama algoritması, bu özellikleri kullanır. Örneğin, e-ticaret sepetleri gibi uygulamalarda, indirim kodlarını doğrulamak ve puanlamak için koşullu ifadeler kullanılabilir. Bu, müşterilerin indirimli fiyatlardan yararlanmalarını sağlar.

Bir başka örnek olarak, bir oyun uygulaması düşünelim. Oyuna başlarken, kullanıcının adını girmesini isteyebilirsiniz. Bu bilgi, fonksiyonlar yardımıyla saklanabilir ve oyunun çeşitli yerlerinde kullanılabilir. Ayrıca, oyun durumunu gösteren koşullar da kullanılabilir. Örneğin, oyuncu canı belli bir seviyenin altına indiğinde, oyunun daha zor hale gelmesi gibi.

JavaScript'te fonksiyonların ve koşullu ifadelerin kullanımına ilişkin örnek uygulamalar, geliştiricilerin işlerini daha da kolaylaştıran ve uygulamalarını daha düzenli hale getiren özelliklerdir. Geliştirme sürecinde bu özelliklerin kullanılması ve optimize edilmesi, son kullanıcılara daha iyi bir deneyim sunar.