23.04.2023
1
Like
92
Views
JavaScript’te, kodlarımızı tekrar tekrar kullanmak için fonksiyonlar kullanabiliriz. Fonksiyonlar, belirli bir görev yerine getirmek üzere yazılan kod bloğudur ve fonksiyonun adı ile çağrılabilir. Bu, kodların daha okunabilir ve düzenli hale gelmesine yardımcı olur ve aynı işlemi tekrar tekrar yapmak zorunda kalmamızı önler. JavaScript fonksiyonları hakkında daha fazla bilgi edinmek isteyenler için, bu yazım tam da aradıkları şey olacak!
1- NAMED FUNCTION
Bir fonksiyonun adının belirtildiği ve çağrıldığında kullanılabilecek bir fonksiyondur. Adı verilmiş fonksiyonlar, tekrar tekrar kullanılabilir ve kodlar arasında daha okunabilir hale gelir.
Örnek olarak ,bir fonksiyon tanımlayabilirsiniz.
function addition(num1,num2){
console.log(num1+num2);
}Bu fonksiyonu istediğiniz yerde çağırabilirsiniz:
addition();Bu örnekte, addition adında bir fonksiyon tanımlanmış ve ismi ile çağrılmıştır. addition fonksiyonu, ekrana num1 ve num2'nin toplamını yazdırır.
2-ANONYMOUS FUNCTION
Adı olmayan bir fonksiyondur. Anında tanımlanıp kullanılabilir. Genellikle bir değişkene atanarak veya bir başka fonksiyonun argümanı olarak kullanılabilir. Anonymous Function’lar, kodun daha kısa ve okunabilir olmasını sağlar.
Örnek:
let add = function(num1,num2){
return num1+num2;
}
let result = add(4,7);
console.log(result);Bu örnekte, add adında bir değişken tanımlanmış ve içine anonymous function atanmıştır. Bu anonymous function, iki sayıyı alır ve toplamını geri döndürür. result değişkeni, anonymous function'un çıktısını tutar ve sonuç olarak 11 değerini verir.
3-FUNCTION EXPRESSION
Bir fonksiyonun bir değişkene atanmasıyla tanımlanır ve daha sonra atandığı değişken tarafından çağrılabilir. Named Function’lar gibi tekrar tekrar kullanılabilir.
Örnekte, bir Function Expression kullanılarak öncelikli bir işlem yapılması gösterilmiştir:
let hesapla;
let seçim = prompt("1. Toplama işlemi\n2. Çıkarma işlemi");
if (seçim == 1) {
hesapla = function(a, b) {
return a + b;
};
} else if (seçim == 2) {
hesapla = function(a, b) {
return a - b;
};
}
let sonuc = hesapla(5, 10);
console.log(sonuc);Bu örnekte, kullanıcıdan bir seçim yapması istenir ve seçimine göre hesapla değişkenine atanacak Function Expression değişebilir. Sonuç olarak, kullanıcının seçtiği işlem (toplama veya çıkarma) hesaplanır ve sonuc değişkenine atanır.
4-ARROW FUNCTION
Arrow Function, fonksiyonların tanımlanmasında kısaltılmış bir yapıya sahiptir.
Aşağıda standat bir Javascipt fonksiyonu verilmiştir:
let func = function (param1, param2, param3){
return expression;
};Arrow Function’lar aşağıdaki şekildedir:
let func = (para1, param2,param3) => expression;Bu fonksiyonlar, standart JavaScript fonksiyonlarının aksine fonksiyon tanımını daha kısa ve okunabilir hale getirir.
Örnek:
let kareAl = x => x * x;
console.log(kareAl(5)); // 25
const carpim =(sayi1, sayi2) => sayi1 * sayi1;
console.log(carpim);5-IIFE (Immediately Invoked Function Expression)
İsimli veya anonim olarak tanımlanabilir. IIFE, kodun global alana etkisini sınırlandırmak ve gizli veri ve fonksiyonlar oluşturmak gibi amaçlar için kullanılabilir. IIFE, self-executing veya self-invoking olarak da adlandırılır.
IIFE, bir fonksiyon tanımının hemen ardından parantezler ile çalıştırılmasıyla oluşturulur. Örnek olarak, aşağıdaki kod, x değişkeninin değerini 5 olarak tanımlayan ve ekrana yazdıran bir IIFE oluşturur:
(function() {
let x = 5;
console.log(x);
})(); You need to log in to be able to comment!