Return в javascript

"return в javascript" - это оператор, который завершает выполнение текущих действий и возвращает заложенное или полученное значение.

Что такое "return в javascript" пошагово:

1. Теория, синтаксис, что такое "return в javascript"
2. Простой пример "return в javascript"
3. Остановка выполнения с помощью return
4. Остановка выполнения с помощью return(цикл)
5. Возвращаем return несколько раз.

Теория, синтаксис, что такое "return в javascript"

Давайте разбираться, что же такое "return в javascript", какой синтаксис и т.д.

Не буду вас загружать всей теорией, только самое необходимое о "return в javascript":

Синтаксис "return в javascript".

return [[expression]];

Что такое expression в return.

expression переводится как "выражение, экспрессия, выдавливание" - существительное.

Expression в "return в javascript".

expression далее "выражение", будет возвращено. Если не указано, вместо него возвращается undefined.

Описание "return в javascript".

При вызове оператора return в функции её выполнение прекращается. Указанное значение возвращается в место вызова функции. Например, приведённая ниже функция возвращает возведённое в квадрат значение своего аргумента, x (где x – это число):

Javascript

function square(x) {

return x * x;

}

var demo = square(3);

// значение demo будет равняться 9

Если возвращаемое значение не указано, вместо него возвращается undefined.

Разберем этот - самый простой пример return здесь.

Примеры выражения, которые всегда прерывают выполнение функции:

return;

return true;

return false;

return x;

return x + y / 3;




Простой пример "return в javascript"

Самый простой пример, который вы видели выше давайте реализуем вживую и посмотрим, как код с "return" сработает, для этого вам понадобится:

Создадим div с id, чтобы увидеть возвращенное значение "return"-ом:

<div class="kod" id="kod">

Javascript:

Используем тег script, внутри:

(function).

Название функции "square"(квадрат).

Передаваемый внутрь функции аргумент "x".

И вернем квадрат числа:

return x * x;

Нам нужно (hey_id).

Далее innerHTML равно - название функции и внутрь ставим число:

Соберем весь код:

Код простого примера "return в javascript"

<div id="kod">

<script>

function square(x) {

return x * x;

}

kod . innerHTML = square(3);

</script>

Результат простого примера "return в javascript"

Поместим выше приведенный пример "return в javascript" прямо здесь:




Остановка выполнения с помощью return

Самый простой пример остановки действий "с помощью return".

Смотрим код по умолчанию:

<div class="kod" onclick="alert('Ты нажал на меня!');">Нажми на меня</div>

Нажмите пожалуйста на ниже идущую строку:

Нажми на меня

Как вы видите, код alert сработал...

Теперь... возьмем предыдущий код и добавим "return" с другим "alert" и вы увидите только первый "alert", а второй не сработает, потому, что применили "return":

<div class="kod" onclick="return alert('Второй alert не сработает, потому, что использовали return ')"; alert('Ты нажал на меня!');">Нажми на меня с return </div>

Нажми на меня с return



Остановка выполнения с помощью return(цикл)

Давайте рассмотрим использование "return" для остановки действий в цикле.

Довольно простой код не буд останавливаться построчно...

Лишь скажу: внутри цикла, когда переменная "i" тсанет больше 3, то вернем "i" с помощью "return":

Код возвращения и остановки с помощью "return".

Hml:

<div class="kod" id="kod2"></div>

Javascript:

<script>

function example() {

for (let i = 0; i < 9; i++)

{

if(i>3) return i;

}

}

kod2 . innerHTML = example();

</script>

Пример возвращения и остановки с помощью "return".

Поступаем аналогично, разместим выше приведенный код с использованием "return" прямо здесь:




Возвращаем return несколько раз(несколько значений).

Такая(подобная) тема уже была уже здесь(только там про php).

Давайте разберем пример возврата несколько значений в return.

Для того, чтобы вернуть несколько значений в "return":

Верните строку с разделителями :

return 'Первый return ::Здесь второй return::Здесь третий return ...';

И после того, в том месте, где вы получаете "return" разбейте строку в массив с помощью split (split - разделять). Не забываем массив начинается с нулевой ячейки [0]...

Пример кода с возвратом в return несколько значений.

Html:

<div id="kod_1"></div>

<div id="kod_2"></div>

<div id="kod_3"></div>

Javascript:

<script>

function example_2()

{

return 'Первый return ::Здесь второй return::Здесь третий return ...';

}

var splits = example_2(). split('::');

kod_1 . innerHTML = splits [0];

kod_2 . innerHTML = splits [1];

kod_3 . innerHTML = splits [2];

</script>

Пример выполнения кода с возвратом в return несколько значений.

Выведем приведенный код с возвратом нескольких значений в "return " прямо здесь: