MooTools - İşlevler
MooTools'taki Fonksiyonlar, JavaScript'ten bir kavramdır. JavaScript'te fonksiyonları nasıl kullanacağımızı zaten biliyoruz. Genel olarak, işlevi komut dosyası etiketinde sayfa gövdesinin dışında tutmak daha iyidir. MooTools'ta aynı düzeni takip ediyoruz. Burada ihtiyaca göre kendi fonksiyonunuzu tasarlayabilirsiniz. Şimdi, içindeki tüm kullanıcı tanımlı fonksiyonları çağırmalıyız.domready işlevi.
MooTools'ta genelleştirilmiş işlevin nasıl kullanılacağını anlamak için aşağıdaki sözdizimine bir göz atın.
Sözdizimi
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Basit yapı
MooTools'ta bir işlevi tanımlamanın birkaç temel yolu vardır. JavaScript ve MooTools'un işlev sözdizimleri arasında bir fark yoktur, ancak fark bir işlevi çağırmaktır. Demo_function adında bir işlevi tanımlayan küçük bir örnek alalım. Aşağıdaki koda bir göz atın.
Misal
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
//Define simple_function as a function
var simple_function = function(){
document.write('This is a simple function');
}
window.addEvent('domready', function() {
//Call simple_function when the dom(page) is ready
simple_function();
});
</script>
</head>
<body>
</body>
</html>Aşağıdaki çıktıyı alacaksınız -
Çıktı
Tek Parametre Fonksiyonu
Ayrıca bir parametreyi kabul eden bir işlev de oluşturabilirsiniz. Parametreleri işlevlerle kullanmak için parantez içine bir değişken adı eklemeniz gerekir. Bir kez sağladığınızda, değişken içeride kullanıma hazırdır. Tek bir parametre alan ve parametresiyle birlikte bir mesaj yazdıran bir işlevi tanımlayan bir örnek alalım.
Aşağıdaki koda bir göz atın.
Misal
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
var single_parameter_function = function(parameter){
document.write('The parameter is : ' + parameter);
}
window.addEvent('domready', function(){
single_parameter_function('DEMO PARAMETER');
});
</script>
</head>
<body>
</body>
</html>Aşağıdaki çıktıyı alacaksınız -
Çıktı
Bir Değer Döndürmek
Bir işlevin sonucunu başka bir değişken için girdi olarak kullanmak istediğinizde, o işlev için dönüş değerini kullanmanız gerekir. İşlevden bir değer döndürmek için return anahtar sözcüğünü kullanabilirsiniz. İki parametre değerini kabul edecek ve bu iki parametrenin toplamını döndürecek bir işlevi tanımlayan bir örnek alalım. Aşağıdaki koda bir göz atın.
Misal
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
var two_parameter_returning_function = function(first_number, second_number){
var third_number = first_number + second_number;
return third_number;
}
window.addEvent('domready', function(){
var return_value = two_parameter_returning_function(10, 5);
document.write("Return value is : " + return_value);
});
</script>
</head>
<body>
</body>
</html>Aşağıdaki çıktıyı alacaksınız -