Fonksiyonlar birçok programlama dilinin veya script dilinin vazgeçilmez temel parçalarındandır. javascript ve ondan türetilmiş olan jquery kütüphanesi de fonksiyonlar üzerine inşa edilmişlerdir. Bundan dolayı fonksiyonları iyi anlamak gerekir.
javascript ve jquery de farklı fonksiyon tanımlama metodları aşağıda verilmiştir.
1- Temel javascript fonksiyon tanımlama biçimi
function topla(x,y) { return (x + y); } console.log(topla(2,2)); //sonuç: 42- Temel javascript tanımlama 2
var topla= function(x,y) {return (x + y);
} console.log(topla(2,2));
//sonuç: 4 //aynı şekilde aşağıdaki tanımlama da yapılabilir.
var topla= function(x,y) { return (x + y); } (2,2); console.log(topla); //sonuç: 43-Kendi jquery exdends fonksiyonumuzu yazalım:
jQuery.fn.extend({ buyukKucuk: function () { var text = $(this).text(); var buyukKucukText = ''; var toggle = true; //küçük/büyüktoggle $.each(text, function(i, nome) {buyukKucukText += (toggle) ? nome.toUpperCase() : nome.toLowerCase(); toggle = (toggle) ? false : true; }); return buyukKucukText; } }); console.log($('#tagline').zigzag()); //sonuç: #1 kOdStRap //başka bir örnek console.log($('#tagline').buyukKucuk().toLowerCase()); //sonuç: kodstrap