Функция — это группа многократно используемого кода, который можно вызывать в любом месте вашей программы. Это избавляет от необходимости писать один и тот же код снова и снова. Это помогает программистам в написании модульных кодов. Функции позволяют программисту разделить большую программу на несколько маленьких и управляемых функций.
Как и любой другой продвинутый язык программирования, JavaScript также поддерживает все функции, необходимые для написания модульного кода с использованием функций. Вы должны были видеть такие функции, как alert () и write () в предыдущих главах. Мы использовали эти функции снова и снова, но они были написаны в основном JavaScript только один раз.
JavaScript позволяет нам писать свои собственные функции. В этом разделе объясняется, как писать свои собственные функции на JavaScript.
Определение функции
Прежде чем использовать функцию, нам нужно определить ее. Наиболее распространенный способ определения функции в JavaScript — использование ключевого слова function , за которым следует уникальное имя функции, список параметров (которые могут быть пустыми) и блок операторов, окруженный фигурными скобками.
Синтаксис
Основной синтаксис показан здесь.
<script type = "text/javascript">
<!--
function functionname(parameter-list) {
statements
}
//-->
</script>
пример
Попробуйте следующий пример. Он определяет функцию с именем sayHello, которая не принимает параметров —
<script type = "text/javascript"> <!-- function sayHello() { alert("Hello there"); } //--> </script>
Вызов функции
Чтобы вызвать функцию где-то позже в скрипте, вам просто нужно написать имя этой функции, как показано в следующем коде.
<html>
<head>
<script type = "text/javascript">
function sayHello() {
document.write ("Hello there!");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello()" value = "Say Hello">
</form>
<p>Use different text in write method and then try...</p>
</body>
</html>
Выход
Параметры функции
До сих пор мы видели функции без параметров. Но есть возможность передавать различные параметры при вызове функции. Эти переданные параметры могут быть захвачены внутри функции, и любые манипуляции с этими параметрами могут быть выполнены. Функция может принимать несколько параметров, разделенных запятой.
пример
Попробуйте следующий пример. Мы изменили нашу функцию sayHello здесь. Теперь требуется два параметра.
<html>
<head>
<script type = "text/javascript">
function sayHello(name, age) {
document.write (name + " is " + age + " years old.");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello('Zara', 7)" value = "Say Hello">
</form>
<p>Use different parameters inside the function and then try...</p>
</body>
</html>
Выход
Заявление о возврате
Функция JavaScript может иметь необязательный оператор return . Это необходимо, если вы хотите вернуть значение из функции. Это утверждение должно быть последним в функции.
Например, вы можете передать два числа в функцию, а затем ожидать, что функция вернет их умножение в вызывающей программе.
пример
Попробуйте следующий пример. Он определяет функцию, которая принимает два параметра и объединяет их перед возвратом результирующего в вызывающую программу.
<html>
<head>
<script type = "text/javascript">
function concatenate(first, last) {
var full;
full = first + last;
return full;
}
function secondFunction() {
var result;
result = concatenate('Zara', 'Ali');
document.write (result );
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "secondFunction()" value = "Call Function">
</form>
<p>Use different parameters inside the function and then try...</p>
</body>
</html>
Выход
О функциях JavaScript можно многое узнать, однако мы рассмотрели наиболее важные концепции в этом руководстве.