JavaScript İşlev ve İşlev İfadeleri (Örneklerle)

Bu eğitimde, örnekler yardımıyla JavaScript işlevi ve işlev ifadeleri hakkında bilgi edineceksiniz.

JavaScript Fonksiyonu

Bir işlev, belirli bir görevi yerine getiren bir kod bloğudur.

Bir daire oluşturmak ve renklendirmek için bir program oluşturmanız gerektiğini varsayalım. Bu sorunu çözmek için iki işlev oluşturabilirsiniz:

  • çemberi çizmek için bir fonksiyon
  • çemberi renklendirme işlevi

Karmaşık bir problemi daha küçük parçalara bölmek, programınızın anlaşılmasını kolaylaştırır ve yeniden kullanılabilir hale getirir.

JavaScript ayrıca çok sayıda dahili işleve sahiptir. Örneğin, Math.sqrt()bir sayının karekökünü hesaplayan bir işlevdir.

Bu eğitimde, kullanıcı tanımlı işlevler hakkında bilgi edineceksiniz.

Bir Fonksiyon Bildirmek

Bir işlevi bildirmek için sözdizimi şöyledir:

 function nameOfFunction () ( // function body )
  • functionAnahtar sözcük kullanılarak bir işlev bildirilir .
  • Bir işlevi adlandırmanın temel kuralları, bir değişkeni adlandırmaya benzer. İşleviniz için açıklayıcı bir ad yazmak daha iyidir. Örneğin, iki sayı eklemek için bir işlev kullanılıyorsa, işlevi addveya olarak adlandırabilirsiniz addNumbers.
  • İşlev gövdesi içinde yazılmıştır ().

Örneğin,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Bir Fonksiyon Çağırma

Yukarıdaki programda isimli bir fonksiyon tanımladık greet(). Bu işlevi kullanmak için onu aramalıyız.

Yukarıdaki greet()işlevi şu şekilde çağırabilirsiniz .

 // function call greet();
JavaScript'te Bir Fonksiyonun Çalışması

Örnek 1: Bir Metin Görüntüleme

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Çıktı

 Selam!

Fonksiyon Parametreleri

Bir işlev, parametrelerle de bildirilebilir. Parametre, bir işlev bildirilirken iletilen bir değerdir.

JavaScript Fonksiyonunun parametresi ile çalışması

Örnek 2: Parametreli İşlev

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Çıktı

 Bir isim girin: Simon Hello Simon :)

Yukarıdaki programda greetfonksiyon bir nameparametre ile bildirilmiştir . Kullanıcıdan bir ad girmesi istenir. Daha sonra işlev çağrıldığında, işleve bir argüman aktarılır.

Not : Bir işlev bildirilirken bir değer iletildiğinde buna parametre denir . Ve fonksiyon çağrıldığında, aktarılan değere argüman denir .

Örnek 3: İki Sayı Ekleme

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Çıktı

 7 11

Yukarıdaki programda, addfonksiyon iki sayının toplamını bulmak için kullanılır.

  • Fonksiyon iki parametre ile bildirilir ave b.
  • İşlev, adını kullanarak çağrılır ve 3 ve 4 bağımsız değişkenlerinden birinde, 2 ve 9'da iki bağımsız değişken geçirilir .

Bir işlevi istediğiniz kadar çağırabileceğinize dikkat edin. Bir fonksiyon yazabilir ve sonra onu farklı argümanlarla birçok kez çağırabilirsiniz.

İşlev Dönüşü

returnDeyim bir işlev çağrısına değeri döndürmek için kullanılabilir.

returnİfadesi işlevi sona erdiğini belirtir. Bundan sonraki herhangi bir kod returnçalıştırılmaz.

Hiçbir şey döndürülmezse, işlev bir undefineddeğer döndürür .

Return ifadesiyle JavaScript İşlevinin Çalışması

Örnek 4: İki Sayının Toplamı

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Çıktı

 İlk sayıyı girin: 3.4 İkinci sayıyı girin: 4 Toplam 7.4'tür

Yukarıdaki programda, sayıların toplamı, returnifade kullanılarak fonksiyon tarafından döndürülür . Ve bu değer sonuç değişkeninde saklanır.

Bir Fonksiyonu Kullanmanın Yararları

  • İşlev, kodu yeniden kullanılabilir hale getirir. Bir kez ilan edebilir ve birden çok kez kullanabilirsiniz.
  • İşlev, her küçük görev bir işleve bölündüğü için programı kolaylaştırır.
  • İşlev okunabilirliği artırır.

İşlev İfadeleri

Javascript'te işlevler, ifadeler olarak da tanımlanabilir. Örneğin,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Çıktı

 16 9

Yukarıdaki programda, fonksiyonu saklamak için değişken x kullanılır. Burada fonksiyon bir ifade olarak ele alınır. Ve fonksiyon, değişken adı kullanılarak çağrılır.

Yukarıdaki işleve anonim işlev denir.

Not: ES2015'te JavaScript ifadeleri ok fonksiyonları olarak yazılır. Daha sonraki derslerde onlar hakkında bilgi edineceksiniz.

Ilginç makaleler...