Пользовательские Javascript функции

Синтаксис создания функции:

1. Функция в роли процедуры. Если функция выполняет какие-либо действия и не возвращает значение:

function имя_функции(аргументы){        код; }

Важно: Если аргументы у функции отсутствуют, то после имени функции ставятся пустые скобки ().

В javascript вызов функции в роли процедуры происходит следующим образом:

имя_функции (аргументы); // с агрументами имя_функции (); // без аргументов

Пример:

function sayHello() {        alert("hello"); } //... sayHello();

Если функция возвращает значение

function имя_функции(аргументы){        код;        return результат или выражение }

Важно: В javascript return — оператор, который завершает выполнение функции и возвращает значение

 

В javaScript вызов функции, возвращающей значение, происходит следующим образом:

var a = имя_функции (аргументы); alert(a);

Пример:

1 2 3 4 5 6 7 8 9

function sayHello() {        alert("1"); // выполнится        return "привет!"; // завершаем выполнение функции        alert("2"); // не выполнится, т.к. после return }   var a=sayHello(); alert(a);

Как видно из примера, после return функция действительно завершает свою работу. Поэтому оператор alert("2") выполняться уже не будет.
Вызов же функции происходит через присваивание. Вызов в данном примере можно также организовать так: alert(sayHello());, но это не рекомендуемый вариант.

Важно: Таким образом, оператор return указывает на возвращаемое значение функции, которое будет передано переменной при следующей форме вызова:
переменная = имя_функции();

 

Задание 2. Дополните код согласно заданию: В переменную povtor присвоить результат выполнения функции confirm, которая принимает фразу «Пройти заполнение еще раз?»

1 2 3 4 5 6 7

function say() { document.write("Вы здесь?" + "<br/>"); } do { say(); povtor =... } while (povtor);

 

Задание 3. Создать функцию, которая вычитает два вводимых пользователем в диалоговое окно числа и выводит сообщение с результатом (функция без параметров)

 

Javascript функции с параметрами (аргументами) и возврат значений

Рассмотрим подробнее использование инструкции return в функции javascript на двух примерах. Кроме того, рассмотрим использование в Javascript функции с параметрами (аргументами).

1. функция возвращает значение undefined, но выполняет какие-то действия:

1 2 3 4 5 6

function sayHello(userName) {        alert("Привет " + userName); } sayHello("Вася"); sayHello("Петя");

 

В примере функция имеет один аргумент, указанный в скобках. Переменная userName примет то значение, которое указано в скобках при вызове функции "Вася" и "Петя". Значит при первом вызове функция выведет в диалоговое окно Привет Вася, при втором — Привет Петя.

1. функция возвращает конкретное значение:

123456

function sayHello(userName){       return "Привет " + userName;}var a = sayHello("Вася");alert(a);

Важно: Обратите внимание на разницу между вызовом функции без инструкции return и с инструкцией: в первом случае функция вызывается как оператор, возвращая значение undefined; во втором случаем функция вызывается через присваивание, либо участвуя в выражениях.

Задание 4. Что выведет на экран следующий код?

1234567891011

var a = 5, b = 10, c = 20, d = 7;function Sum1() { var result = a + b; document.write("Sum1: " + result + "<br/>");}function Sum2(x1, x2) { var result = x1 + x2; document.write("Sum2: " + result);}Sum1();Sum2(c, d);

 

Задание 5. Необходимо запросить у пользователя имя. Вызывать функцию для вызова диалогового окна с сообщением «Привет, имя!»

 

 

Все способы создания пользовательских функций

Классический синтаксис

function a1(x, y) {    return x + y; }

Явное создание объекта Function

//обязательным является только последний аргумент – тело функции var a1 = new Function('x', 'y', 'return x + y');

или

var a1 = new Function('return "hello"');

3. еще один вариант создания

var a1 = function(x, y) { return x + y; };

Вызов функций во всех случаях будет: