MooTools - Fungsi
Fungsi di MooTools adalah konsep dari JavaScript. Kami sudah tahu cara menggunakan fungsi di JavaScript. Umumnya, lebih baik menyimpan fungsi di luar badan halaman dalam tag skrip. Di MooTools, kami mengikuti pola yang sama. Di sini, Anda dapat mendesain fungsi Anda sendiri sesuai dengan kebutuhan. Sekarang kita harus memanggil semua fungsi yang ditentukan pengguna didomready fungsi.
Perhatikan sintaks berikut untuk memahami cara menggunakan fungsi umum di MooTools.
Sintaksis
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Struktur dasar
Ada beberapa cara dasar untuk mendefinisikan sebuah fungsi di MooTools. Tidak ada perbedaan antara sintaks fungsi JavaScript dan MooTools, tetapi perbedaannya terletak pada pemanggilan suatu fungsi. Mari kita ambil contoh kecil yang mendefinisikan sebuah fungsi bernama demo_function. Perhatikan kode berikut.
Contoh
<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>Anda akan menerima output berikut -
Keluaran
Fungsi Parameter Tunggal
Anda juga dapat membuat fungsi yang menerima parameter. Untuk menggunakan parameter dengan fungsi, Anda perlu menambahkan nama variabel di dalam tanda kurung. Setelah Anda memberikannya, variabel tersedia di dalam untuk digunakan. Mari kita ambil contoh yang mendefinisikan fungsi yang mengambil satu parameter dan mencetak pesan bersama dengan parameternya.
Perhatikan kode berikut.
Contoh
<!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>Anda akan menerima output berikut -
Keluaran
Mengembalikan Nilai
Kapan pun Anda ingin menggunakan hasil dari satu fungsi sebagai input untuk variabel lain, Anda harus menggunakan nilai yang dikembalikan untuk fungsi itu. Anda dapat menggunakan kata kunci return untuk mengembalikan nilai dari fungsi. Mari kita ambil contoh yang mendefinisikan fungsi yang akan menerima dua nilai parameter dan mengembalikan jumlah dari kedua parameter tersebut. Perhatikan kode berikut.
Contoh
<!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>Anda akan menerima output berikut -