Учебники

6) Изучить функции

Май 29, 2020

Что такое функция в JavaScript?

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

В этом уроке вы узнаете

Как создать функцию в JavaScript

  1. Используйте ключевое слово function, за которым следует имя функции.
  2. После имени функции откройте и закройте скобки.
  3. После скобок откройте и закройте фигурные скобки.
  4. В фигурных скобках напишите свои строки кода.

Синтаксис: 

function functionname()

{

  lines of code to be executed

}

Попробуйте сами: 

1
<html>
2
<head>
3
    <title>Functions!!!</title>
4
    <script type="text/javascript">
5
      function myFunction()
6
      {
7
        document.write("This is a simple function.<br />");
8
      }
9
        myFunction();
10
    </script>
11
</head>
12
<body>
13
</body>
14
</html> 

Функция с аргументами

Вы также можете создавать функции с аргументами. Аргументы должны быть указаны в скобках

Синтаксис: 

function functionname(arg1, arg2)

{

  lines of code to be executed

}

Попробуйте сами: 

1
<html>
2
<head>
3
    <script type="text/javascript">
4
        var count = 0;
5
        function countVowels(name)
6
        {
7
            for (var i=0;i<name.length;i++)
8
            {
9
              if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
10
              count = count + 1;
11
            }
12
        document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
13
        }
14
        var myName = prompt("Please enter your name");
15
        countVowels(myName);
16
    </script>
17
</head>
18
<body>
19
</body>
20
</html> 

Возвращаемое значение JavaScript

Вы также можете создавать функции JS, которые возвращают значения. Внутри функции вам нужно использовать ключевое слово return, за которым следует возвращаемое значение.

Синтаксис: 

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

Попробуйте сами: 

1
<html>
2
<head>
3
    <script type="text/javascript">
4
        function returnSum(first, second)
5
        {
6
          var sum = first + second;
7
          return sum;
8
        }
9
      var firstNo = 78;
10
      var secondNo = 22;
11
      document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
12
    </script>
13
</head>
14
<body>
15
</body>
16
</html>

 

372
Share: