Function/функция в javascript с примерами.
"Что такое функция в javascript". Функции делятся на два типа! 1).Заранее прописанные в "javascript" с зарезервированными названиями. 2). Самописные функции javascript, которые вы можете написать самостоятельно!
О функциях в javascript.
- Что такое функция в javascript
- Объявление функции в javascript Вызов функции в javascript
- Пример простейшей функции в js.
- Вызов функции при загрузке страницы...
- Пример функции с параметрами и аргументом.
- Вызов функции js при нажатии на кнопку....
- Встроенные функции в javascript
- Return в функции в js.
Что такое функция в javascript.
Начнем с первоначального вопроса : "Что такое функция в javascript"?
Функция в javascript(и др. языках) - это кусок кода запакованный в оболочку под названием "function", который(код) можно использовать неограниченное количество раз по всему сайту по необходимости!
Зачем нужна функция в javascript.
Но зачем нужна функция в javascript?
Как выше уже было сказано в определении, что такое функция, что там повторяющийся код :
Функция в javascript нужна для того, чтобы не повторять один и тот же код множество раз!
Достаточно его упаковать в функцию и использовать по необходимости!
Объявление функции в javascript.
Что такое объявление функции?
Объявление функции - это значит - написать функцию.
Синтаксис функции:
Пишется слово "функция" на английском:
Далее "имя функции", круглые скобки + аргументы функции(если есть):
Далее две фигурные скобки(в конце точка с запятой) и код внутри функции.
Соберем весь синтаксис функции в одно целое:
<script>
function имя_Функции(аргументы_Функции)
{
код внутри функции
};
</script>
Вызов функции в javascript.
Для того, чтобы вызвать функцию нужно написать название функции с параметрами(если они у неё есть)
<script>
function имя_Функции(аргументы_Функции)
{
код внутри функции
};
имя_Функции(параметры_Функции);
</script>
Пример простейшей функции в js.
Теория(расположенная выше), которую вы возможно не смогли прочитать(которую я изложил своими словами) - это нормально! Когда я начинал изучать "функции", то мне казалось, что эту хрень мог придумать только больной...
Разработаем простейшую функцию в javascript.
Теорию "функции в js" нужно изучать на примере, поэтому... давайте напишем такую функцию!
Не будем углубляться в подробности, лишь скажу, что сделаем функцию без параметров, внутрь функции поместим alert, чтобы сразу было понятно, что функция была вызвана!
Поскольку, чтобы такая функция сработала и вы смогли её увидеть, то разместим эту функцию на отдельной странице:
Пример прсотйо функции:
<script>
function примерФункции()
{
alert('Привет мир!');
}
примерФункции();
</script>
Как работает функция в javascript.
Теперь приведенный код разместим на странице и вы можете посмотреть, как сработает функция в js.
Чтобы посмотреть реальный код примера функции в js, после закрытия окна с общением нажмите сочетание клавиш "ctrl + U".
Не стоит называть переменные, функции в javascript на кириллице, но в качестве примера и для понимания процесса - это самое то!
Вызов функции при загрузке страницы...
Выше пунктом я написал пример простой функции!
Чтобы сделать пример функции, которая сработает при загрузке страницы, возьмем выше приведенный код функции и поместим её на отдельную страницу.
Пример срабатывания функции при загрузке страницы.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример простейшей функции</title>
</head>
<body>
<script>
function примерФункции()
{
alert('Привет мир!');
}
примерФункции();
</script>
</body>
</html>
Пример вызова функции в js при загрузке страницы.
Для того, чтобы увидеть "пример вызова функции в js при загрузке страницы" нажмите на ниже идущую ссылку:
Пример функции с параметрами и аргументом.
Следующим перейдем к простому примеру функции с параметрами и аргументами.
Поставим аргументы "a" и "b".
Прямо внутри alert произведем складывание.
И ниже функции вызовем "функцияПример_2" с двумя параметрами 2 и 3.
Пример кода функции с параметрами и аргументом.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример простейшей функции</title>
</head>
<body>
<script>
function функцияПример_2(a,b)
{
alert(a + b);
}
функцияПример_2( 2 , 3 );
</script>
</body>
</html>
Пример срабатывания функции с параметрами и аргументами в js.
Теперь, опять разместим приведенный код на отдельной странице...
Вызов функции js при нажатии на кнопку....
Давайте сделаем вызов функции по нажатию на кнопку.
Для этого вам понадобится:
Используем для кнопки тег button.
Внутри первого тега размещаем onclick + название функции + параметры, которые будут переданы в аргументы функции:
<button onclick="моя_первая_функция( 2 , 3 )">нажми на меня</button>
Всё та же функция... только здесь не будет вызова..., он будут осуществляться при нажатии на кнопку...
<script>
function моя_первая_функция(a,b)
{
alert(a + b);
}
</script>
Весь код функции js при нажатии на кнопку....
<button onclick="моя_первая_функция( 2 , 3 )">нажми на меня</button>
<script>
function моя_первая_функция(a,b)
{
alert(a + b);
}
</script>
Пример работы кода функции js при нажатии на кнопку....
Чтобы посмотреть, как работает функция при нажатии на кнопку, нажмите по ниже идущей
Встроенные функции в javascript
Внутри "javascript" существуют встроенные функции, список их огромный и в интернете вы не найдете полный список всех встроенных функций! Сейчас искал... и не нашел, хотел вам показать...
Что такое встроенная функция js?
Встроенная функция это такая функция, которая имеет зарезервированное имя и выполняет заранее определенные действия.
На первый и последующие взгляды они не сильно отличаются от функций, но различия все же есть, но здесь и сейчас, не буду о них говорить!
Хочу вас предупредить, что в некоторых случаях, если, конечно вы обратите на это внимание, то некоторые функции могут называться методами, событиями и т.д.
Это ни какая-то критическая ошибка, а этому есть объяснение см. здесь.
Если вы поленились посмотреть по ссылке, то вот вам объяснение!
Это все от того, что не пойми кто пишет спецификацию и такая же путаница с разработкой языка...
Просто свыкнитесь с мыслью, что "javascript - кривой язык"(с этой точки зрения). Что было 15лет назад, что сейчас.
И похоже... ничего не собираются менять...
Return в функции в js.
Вообще, в функциях используется "return" вместо выше приведенного "alert", если, конечно, не преследуется вывод информации.
Но поскольку, как мне кажется, когда человек только начинает изучать функции, то к "return" надо переходить уже после изучения выше приведенного материала...
Тема функции - это необъятный океан теории, примеров и вариантов использования.
Я лишь затронул верхушку асберга под названием "функции в javascript"!
Что можно сделать!?
Поделиться ссылкой! C друзьями или врагами!
Скоро...
Скоро...
Скоро...