MooTools-기능
MooTools의 함수는 JavaScript의 개념입니다. 우리는 이미 JavaScript에서 함수를 사용하는 방법을 알고 있습니다. 일반적으로 스크립트 태그의 페이지 본문 외부에 함수를 유지하는 것이 좋습니다. MooTools에서도 동일한 패턴을 따릅니다. 여기에서 요구 사항에 따라 자신의 기능을 설계 할 수 있습니다. 이제 모든 사용자 정의 함수를domready 함수.
MooTools에서 일반화 된 함수를 사용하는 방법을 이해하려면 다음 구문을 살펴보십시오.
통사론
<script type = "text/javascript">
/*
Function definitions go here
*/
window.addEvent('domready', function() {
/* Calls to functions go here */
});
</script>기본 구조
MooTools에서 함수를 정의하는 몇 가지 기본 방법이 있습니다. JavaScript와 MooTools의 함수 구문에는 차이가 없지만 함수 호출에 차이가 있습니다. demo_function이라는 함수를 정의하는 작은 예를 들어 보겠습니다. 다음 코드를 살펴보십시오.
예
<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>다음과 같은 출력을 받게됩니다.
산출
단일 매개 변수 기능
매개 변수를 받아들이는 함수를 만들 수도 있습니다. 함수와 함께 매개 변수를 사용하려면 괄호 안에 변수 이름을 추가해야합니다. 제공하면 변수를 내부에서 사용할 수 있습니다. 단일 매개 변수를 취하고 매개 변수와 함께 메시지를 인쇄하는 함수를 정의하는 예제를 살펴 보겠습니다.
다음 코드를 살펴보십시오.
예
<!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>다음과 같은 출력을 받게됩니다.
산출
값 반환
한 함수의 결과를 다른 변수에 대한 입력으로 사용하려면 해당 함수에 대한 반환 값을 사용해야합니다. 함수에서 값을 반환하기 위해 return 키워드를 사용할 수 있습니다. 두 개의 매개 변수 값을 받아들이고이 두 매개 변수의 합을 반환하는 함수를 정의하는 예제를 살펴 보겠습니다. 다음 코드를 살펴보십시오.
예
<!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>다음과 같은 출력을 받게됩니다.