Код?... Это просто!
php js Jquery JsPhp blog
ТЕГИ:
js (87)

php (101)
js (87)
php date (19)
html (14)
online (14)
js slice (13)
encode (11)
js array (11)
php array (10)
js date (10)
engine (10)
hash (10)
dosite (9)
info (7)
php img (7)
jsphp (6)
Показать еще :

Function/функция в javascript с примерами.

"Что такое функция в javascript". Функции делятся на два типа! 1).Заранее прописанные в "javascript" с зарезервированными названиями. 2). Самописные функции javascript, которые вы можете написать самостоятельно!

О функциях в javascript.

  1. Что такое функция в javascript
  2. Объявление функции в javascript
  3. Вызов функции в javascript
  4. Пример простейшей функции в js.
  5. Вызов функции при загрузке страницы...
  6. Пример функции с параметрами и аргументом.
  7. Вызов функции js при нажатии на кнопку....
  8. Встроенные функции в javascript
  9. Return в функции в js.
  1. Что такое функция в javascript.

    Начнем с первоначального вопроса : "Что такое функция в javascript"?

    Функция в javascript(и др. языках) - это кусок кода запакованный в оболочку под названием "function", который(код) можно использовать неограниченное количество раз по всему сайту по необходимости!

    Зачем нужна функция в javascript.

    Но зачем нужна функция в javascript?

    Как выше уже было сказано в определении, что такое функция, что там повторяющийся код :

    Функция в javascript нужна для того, чтобы не повторять один и тот же код множество раз!

    Достаточно его упаковать в функцию и использовать по необходимости!

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

    Что такое объявление функции?

    Объявление функции - это значит - написать функцию.

    Синтаксис функции:

    Пишется слово "функция" на английском:

    function

    Далее "имя функции", круглые скобки + аргументы функции(если есть):

    имя_Функции(параметры_Функции)

    Далее две фигурные скобки(в конце точка с запятой) и код внутри функции.

    Соберем весь синтаксис функции в одно целое:

    <script>

    function имя_Функции(аргументы_Функции)

    {

    код внутри функции

    };

    </script>

    Вызов функции в javascript.

    Для того, чтобы вызвать функцию нужно написать название функции с параметрами(если они у неё есть)

    <script>

    function имя_Функции(аргументы_Функции)

    {

    код внутри функции

    };

    имя_Функции(параметры_Функции);

    </script>

    Обращаю ваше внимание: Чем отличаются параметры и аргументы
    Если вы ничего не поняли, то это совершенно нормально!
  3. Пример простейшей функции в js.

    Теория(расположенная выше), которую вы возможно не смогли прочитать(которую я изложил своими словами) - это нормально! Когда я начинал изучать "функции", то мне казалось, что эту хрень мог придумать только больной...

    Разработаем простейшую функцию в javascript.

    Теорию "функции в js" нужно изучать на примере, поэтому... давайте напишем такую функцию!

    Не будем углубляться в подробности, лишь скажу, что сделаем функцию без параметров, внутрь функции поместим alert, чтобы сразу было понятно, что функция была вызвана!

    Поскольку, чтобы такая функция сработала и вы смогли её увидеть, то разместим эту функцию на отдельной странице:

    Пример прсотйо функции:

    <script>

    function примерФункции()

    {

    alert('Привет мир!');

    }

    примерФункции();

    </script>

    Как работает функция в javascript.

    Теперь приведенный код разместим на странице и вы можете посмотреть, как сработает функция в js.

    Чтобы посмотреть реальный код примера функции в js, после закрытия окна с общением нажмите сочетание клавиш "ctrl + U".

    Обращаю ваше внимание!

    Не стоит называть переменные, функции в javascript на кириллице, но в качестве примера и для понимания процесса - это самое то!

  4. Вызов функции при загрузке страницы...

    Выше пунктом я написал пример простой функции!

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

    Пример срабатывания функции при загрузке страницы.

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Пример простейшей функции</title>

    </head>

    <body>

    <script>

    function примерФункции()

    {

    alert('Привет мир!');

    }

    примерФункции();

    </script>

    </body>

    </html>

    Пример вызова функции в js при загрузке страницы.

    Для того, чтобы увидеть "пример вызова функции в js при загрузке страницы" нажмите на ниже идущую ссылку:

  5. Пример функции с параметрами и аргументом.

    Следующим перейдем к простому примеру функции с параметрами и аргументами.

    Поставим аргументы "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.

    Теперь, опять разместим приведенный код на отдельной странице...

  6. Вызов функции js при нажатии на кнопку....

    Давайте сделаем вызов функции по нажатию на кнопку.

    Для этого вам понадобится:

    Используем для кнопки тег button.

    Внутри первого тега размещаем onclick + название функции + параметры, которые будут переданы в аргументы функции:

    Html:

    <button onclick="моя_первая_функция( 2 , 3 )">нажми на меня</button>

    Javascript:

    Всё та же функция... только здесь не будет вызова..., он будут осуществляться при нажатии на кнопку...

    <script>

    function моя_первая_функция(a,b)

    {

    alert(a + b);

    }

    </script>

    Весь код функции js при нажатии на кнопку....

    <button onclick="моя_первая_функция( 2 , 3 )">нажми на меня</button>

    <script>

    function моя_первая_функция(a,b)

    {

    alert(a + b);

    }

    </script>

    Пример работы кода функции js при нажатии на кнопку....

    Чтобы посмотреть, как работает функция при нажатии на кнопку, нажмите по ниже идущей

  7. Встроенные функции в javascript

    Внутри "javascript" существуют встроенные функции, список их огромный и в интернете вы не найдете полный список всех встроенных функций! Сейчас искал... и не нашел, хотел вам показать...

    Что такое встроенная функция js?

    Встроенная функция это такая функция, которая имеет зарезервированное имя и выполняет заранее определенные действия.

    Кроме функция существуют ещё:

    На первый и последующие взгляды они не сильно отличаются от функций, но различия все же есть, но здесь и сейчас, не буду о них говорить!

    Обращаю ваше внимание!

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

    Это ни какая-то критическая ошибка, а этому есть объяснение см. здесь.

    Если вы поленились посмотреть по ссылке, то вот вам объяснение!

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

    Просто свыкнитесь с мыслью, что "javascript - кривой язык"(с этой точки зрения). Что было 15лет назад, что сейчас.

    И похоже... ничего не собираются менять...

  8. Return в функции в js.

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

    Но поскольку, как мне кажется, когда человек только начинает изучать функции, то к "return" надо переходить уже после изучения выше приведенного материала...

    И +...

    Тема функции - это необъятный океан теории, примеров и вариантов использования.

    Я лишь затронул верхушку асберга под названием "функции в javascript"!



Теги:функции js js параметры функции вызов функции js js значение функции аргумент функции js функция которая принимает js выполнение функции js функция элементов js асинхронные функции js js анонимная функция функция кнопки js js выполнить функцию как вызвать функцию в js функции js в html node js функция функции js примеры js запустить функцию имена функций js как сделать функцию в js названия функций js чистая функция js функция которая принимает строку js как вывести функцию js как выводить функцию js
jsphp.ru есть здесь:
Полезные ссылки:
ruweb
Я писал немного о ruweb.net!
Помочь проекту JsPhp.ru

Что можно сделать!?

Поделиться ссылкой! C друзьями или врагами!


Помочь проекту JSPHP.RU: Помочь проекту JSPHP.RU прокомментировать :

Скоро...


Мои Проекты :

Скоро...



О хостинге :

Скоро...


© jsphp.ru 2023 - 2024 , Аминев Марат. Контакты
Страница загружена за : 0.00926 секунд.