JavaScript - Функции

04.03.16 1.3K

Функция представляет собой фрагмент повторно используемого кода, который можно вызвать в любом месте программы. Это избавляет от необходимости снова и снова писать один и тот же код. Функции позволяют программистам разделить большую программу на ряд небольших и управляемых функций.

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» , подготовленной дружной командой проекта Интернет-технологии.ру