Функции/function() в js, синтаксис, как сделать, с аргументом/без, с примерами
"Функция в js"
Разберемся, что такое функция, на примере. Создадим самую простую функцию!
Пошаговое создание функции в javascript, с аргументом, без аргумента, с примерами
- Что такое функция в javascript?
- Как сделать функцию javascript.
- Как сделать функцию javascript с аргументом?
- Как сделать функцию javascript с return?
Что такое функция в javascript?
В самом начале я уже сказал "что такое функция":
"Функция в js"
Зачем нужны функции в javascript?
Предположим, что ваш "некий код" состоит из 100 строк!
И ваш этот код нужно повторить 100 раз в разных местах!
Представляете какой это ад?
Причем... для каждого варианта этого кода, нужно изменить названия переменных.
Поскольку они могут конфликтовать с предыдущей версии этого же кода.
И/или влиять на последующую версию этого же кода.
Для этого и придумали функции в javascript!
Для такого, в том числе, случая и придумали функции!
Типы/виды функций js.
Из выше приведенного текста вы могли сделать вывод, что существует, как минимум два вида функций!
Функции, объявленные с использованием слова function в JavaScript.
Стрелочные функции в JavaScript.
Анонимные функции в JavaScript.
Функции как методы объектов в JavaScript.
Функции, возвращающие функции в JavaScript.
Как сделать функцию javascript.
Рассмотрим простейший пример создания функции в js!
Синтаксис создания функции:
function имя_функции() {
// тело функции
}
Объяснение синтаксиса создания функции:
"function" - "ключевое слово" обозначающее, что это "функция".
"имя_функции" - название ваше функции.
Вызов функции js:
имя_функции();
Соберем весь код примера создания функции js:
Внутрь функции поместим document.write(); с произвольным текстом:
<script>
function имя_функции() {
document.write('Привет мир!');
}
имя_функции();
</script>
Пример работы кода функции js:
Чтобы вы увидели реальный пример - на сайте только живые примеры, разместим выше приведенный пример функции в js прямо здесь:
Как сделать функцию javascript с аргументом?
Далее рассмотрим пример/синтаксис функции js с аргументом...
Синтаксис создания функции js с аргументом :
function имя_функции_с_аргументом(аргумент) {
// тело функции
}
Где вы видите слово "аргумент" иногда можете увидеть слово "параметр"... - "чем отличается параметр от аргумента".
Объяснение синтаксиса создания функции с аргументом :
Отличие от предыдущего пункта, что здесь присутствует аргумент.
Вызов функции js:
Для вызова функции с аргументом, требуется параметр!
имя_функции_с_аргументом(параметр);
Соберем весь код примера создания функции js с аргументом:
<script>
function имя_функции_с_аргументом(аргумент) {
document.write( аргумент );
}
имя_функции_с_аргументом('Привет мир с аргументом!');
</script>
Пример работы кода функции js:
Разместим выше приведенный пример функции в js прямо здесь:
Как сделать функцию javascript с return?
Довольно часто внутри функции используют return - это позволяет работать с возвращенным результатом как с переменной...
Синтаксис создания функции js с аргументом :
function функция_с_return(аргумент) {
return( аргумент ) ;
}
Пример функции js с return:
В данном пример создания функции в js - используем 2 аргумента... и математический знак плюс - он же оператор плюс в js.
В качестве двух параметров поставим два числа.
Пример кода функции js с return:
<script>
function функция_с_return(аргумент, аргумент_2) {
return( аргумент + аргумент_2) ;
}
document.write( функция_с_return(1 , 2));
</script>
Пример работы функции js с return:
Поступаем аналогично предыдущим пунктам - выведем прямо здесь - "пример работы функции js с return"!
Свои комменты в ожидании переделки!
Когда сделаю не знаю!
Времени нет...
Иначе сообщение будет удалено, вас в бан - все просто!
Но если, сил нет как хочется высказать всё, что вы думаете об этом, пожалуйста - комменты от Vk - форма ниже: