MooTools - Chức năng
Các hàm trong MooTools là một khái niệm từ JavaScript. Chúng ta đã biết cách sử dụng các hàm trong JavaScript. Nói chung, tốt hơn là giữ hàm bên ngoài nội dung trang trong thẻ script. Trong MooTools, chúng tôi làm theo cùng một mô hình. Tại đây, bạn có thể tự thiết kế công năng theo yêu cầu. Bây giờ chúng ta phải gọi tất cả các hàm do người dùng xác định trongdomready chức năng.
Hãy xem cú pháp sau để hiểu cách sử dụng hàm tổng quát trong MooTools.
Cú pháp
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>Cấu trúc cơ bản
Có một số cách cơ bản để xác định một hàm trong MooTools. Không có sự khác biệt giữa cú pháp hàm của JavaScript và MooTools nhưng sự khác biệt là ở cách gọi một hàm. Chúng ta hãy lấy một ví dụ nhỏ định nghĩa một hàm có tên là demo_ functions. Hãy xem đoạn mã sau.
Thí dụ
<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>Bạn sẽ nhận được kết quả sau:
Đầu ra
Chức năng tham số đơn
Bạn cũng có thể tạo một hàm chấp nhận một tham số. Để sử dụng các tham số với các hàm, bạn cần thêm một tên biến trong dấu ngoặc đơn. Sau khi bạn cung cấp, biến sẽ có sẵn bên trong để sử dụng. Chúng ta hãy lấy một ví dụ xác định một hàm nhận một tham số duy nhất và in một thông báo cùng với tham số đó.
Hãy xem đoạn mã sau.
Thí dụ
<!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>Bạn sẽ nhận được kết quả sau:
Đầu ra
Trả lại giá trị
Bất cứ khi nào bạn muốn sử dụng kết quả của một hàm làm đầu vào cho một biến khác, bạn bắt buộc phải sử dụng giá trị trả về cho hàm đó. Bạn có thể sử dụng từ khóa return để trả về một giá trị từ hàm. Chúng ta hãy lấy một ví dụ xác định một hàm sẽ chấp nhận hai giá trị tham số và trả về tổng của hai tham số đó. Hãy xem đoạn mã sau.
Thí dụ
<!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>Bạn sẽ nhận được kết quả sau: