JavaScript - Функции
Функция представляет собой фрагмент повторно используемого кода, который можно вызвать в любом месте программы. Это избавляет от необходимости снова и снова писать один и тот же код. Функции позволяют программистам разделить большую программу на ряд небольших и управляемых функций.
JavaScript поддерживает создание модульного кода с использованием функций. Вы, вероятно, уже встречались с такими JavaScript функциями, как alert() и write(). Мы используем эти функции снова и снова, но они были прописаны в ядре языка только один раз.
Определение функции
Перед тем, как использовать функцию, ее нужно определить. Наиболее распространенным способом определения функции в JavaScript является использование ключевого слова function, за которым следует уникальное имя функции, список параметров (который может быть пустым), а также блок операторов в фигурных скобках.
Синтаксис
Общий синтаксис приведен ниже:
<script type="text/javascript">
<!--
function functionname(parameter-list)
{
statements
}
//-->
</script>
Пример
Давайте рассмотрим следующий пример. В нем определяется функция с именем SayHello, которая не принимает никаких параметров:
<script type="text/javascript">
<!--
function sayHello()
{
alert("Hello there");
}
//-->
</script>
Вызов функции
Чтобы осуществить вызов функции JavaScript в каком-то месте скрипта, нужно указать ее имя, как показано ниже:
<html>
<head>
<script type="text/javascript">
function sayHello()
{
document.write ("Hello there!");
}
</script>
</head>
<body>
<p>Нажмите кнопку, чтобы вызвать функцию</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello">
</form>
<p>Используйте различный текст при написании метода, а затем попробуйте его...</p>
</body>
</html>
Результат
Параметры функции
Мы рассматривали JavaScript функции без параметров. Но мы можем передавать различные параметры при ее вызове. Функция может принимать несколько параметров, разделенных запятой.
Пример
Давайте рассмотрим следующий пример. В нем мы изменили нашу функцию SayHello. Теперь она принимает два параметра:
<html>
<head>
<script type="text/javascript">
function sayHello(name, age)
{
document.write (name + " is " + age + " years old.");
}
</script>
</head>
<body>
<p>Нажмите кнопку, чтобы вызвать функцию</p>
<form>
<input type="button" onclick="sayHello('Zara', 7)" value="Say Hello">
</form>
<p>Используйте различный текст при написании метода, а затем попробуйте его...</p>
</body>
</html>
Результат
Оператор return
Функция JavaScript может содержать оператор return. Это необходимо, если нужно вернуть значение из функции. return должен быть последним оператором в функции.
Например, вы можете передать в функцию два числа, и она вернет их произведение.
Пример
Давайте рассмотрим следующий пример. В нем осуществляется определение и вызов функции JavaScript, которая принимает два параметра и соединяет их перед возвращением результата:
<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>Нажмите кнопку, чтобы вызвать функцию </p>
<form>
<input type="button" onclick="secondFunction()" value="Call Function">
</form>
<p>Используйте различный текст при написании метода, а затем попробуйте его...</p>
</body>
</html>
Результат
Существует еще много того, что нужно знать о функциях JavaScript, но в этой статье мы рассмотрели наиболее важные понятия.
Перевод статьи «JavaScript — Functions» был подготовлен дружной командой проекта Сайтостроение от А до Я.