Функции в JavaScript

Оцените материал
(1 Голосовать)

Здравствуйте! В этом уроке мы свами рассмотрим такое понятие как функции в JavaScript. Для чего могут понадобиться функции? Представьте себе такую ситуацию, что по ходу написания программы участок кода у вас повторяется много раз. Вы конечно можете его копировать и вставлять в принципе ничего в этом такого нет, если конечно не считать основного принципа программирования DRY, которое гласит о том, что следует избегать повторения кода и вот тут на помощь приходят функции, которые могут эту проблему решить. Итак функция - это специальная конструкция, позволяющая использовать один и тот же код многократно. Функции - это рабочие кирпичики программы. Но давайте разбираться постепеннно.

Функции в JavaScript

 

 

Объявление функции

Функцию можно объявить 2 способами. Рассмотрим первый способ - это так называемый Function Declaration, когда функция объявляется, а затем вызывается. Объявление функции начинается с ключевого слова function после которого идет имя функции и круглые скобки, в которых указываются параметры. Следует отметить, что у функции может и не быть параметров, но круглые скобки при этом указывать все равно надо. Давайте разбираться на примере:

function show() {
document.write("Hello function!");
}
show();

Просмотреть  пример

Здесь в примере сначала объявляется функция, а затем она вызывается, при этом выполняется код, при этом выполняется код в фигурных скобках функции.

2 способ объявления функции - это с использованием переменной Function Expression, то есть можно создать переменную ( о том как создать переменную я писал здесь) и поместить функцию в переменную и это будет уже функция. Давайте посмотри пример.

 var show = function() {
  document.write("Hello function");
}
show();

Просмотреть  пример

 В этом примере мы сначала объявляем переменную и ей в качестве значения передаем функцию, причем заметьте у функции нет имени это допускается и в этом случае функция называется анонимной. Но если в первом случае функцию можно вызвать до ее объявления, то во втором надо обязательно объявить функцию, а потом ее вызвать иначе будет ошибка.

Параметры функции

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

 function sum(a,b) {
  return a+b;
}
document.write(sum(5,3));

Просмотреть  пример

В этом примере была объявлена функция sum с 2 параметрами a, b. В принципе параметры можно называть как угодно, но лучше давать им осмысленные названия. Эта функция возвращает  сумму 2-х чисели здесь у функции используется ключевое слово return после которого следует возвращаемое  выражение. И напоследок мы вызываем функцию только вместо наших a, b уже передаем конкретные значения. В новом стандарте можно во время объявления функции указывать  значения параметров, тогда при вызове функции, если вы не укажите этих параметров будут использованы те значения, которые были указаны при объявлениия функции. Давайте перепишем наш пример при этом будем передавать значения параметрам непосредственно во время объявления функции.

 function sum(a=5,b=3) {
  return a+b;
}
document.write(sum());

Просмотреть  пример

Пример идентичен предыдущему, только как видите значения параметрам задаются непосредственно в момент объявления функции.

Возврат значения из функции

Каждая функция обязательно должна  возвращать какое-то значение в принципе она может возвращать и другую функцию. Поэтому в функции используется ключевое слово return после которого следует возвращаемый результат и после этой строчки, если есть в функции какой-то код он не будет работать. Другими словами после слова return работа функции заканчивается. Функция, в которой нет return возвращает undefined в принципе тут ошибки не будет если вы не укажете return, но все же лучше указывать. Если указать return  и дальше ничего, то функция прервет свое выполнение.

function nothing() {
  return;
}
alert( nothing() === undefined ); // true

Как выбрать имя функции

В принципе правила именования функций такие же как и для переменной, но здесь есть ряд особенностей. Поскольку как мы выяснили выше функция должна что-то возвращать, поэтому имя функции должно состоять из двух частей и первая часть является глаголом, а вторая собственно имя функции. Например если функция что-то возвращает, то желательно начинать ее название с get, а если устанавливает то с set. Функция, которая просто показывает сообщение лучше называть showMesg(), а если создает какой-то элемент, то createElem(). Так будет сразу понятно что делает функция, но хотя это необязательно, но желательно так называть функции.

Итоги.

Объявить функцию в общем виде можно так:

 function имя_функции (параметр1, параметр2) {
  тело  функции
}

Значение функции возвращается при помощи слова return.

Вызов return тут же прекратит выполнение функции.

Если не указывать return то функция вернет undefined.

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

Задания

Напишите функцию, которая принимает 3 параметра имя, отчество и фамилию человека и выводит результат на экран. Затем с помощью функции prompt попросите пользователя ввести имя, отчество и фамилию, эти значения передайте вашей функции и вызовите ее.

Функция для нахождения минимального числа

Напишите функцию min(a,b), которая будет возвращать минимальное число из двух переданных ей.

Функция возведения в степень

Напишите функцию pow(x,y) которая будет возвращать степень числа. Первый параметр - это число, а второй степень.

И в заключении смотрите видео по функциям в JavaScript.

 

 

Прочитано 459 раз Последнее изменение Суббота, 09 сентября 2017 16:44
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

Нетология

TemplateMonster

geekbrains.ru/

Поиск по сайту

Google+