Как работает return false;? Зачем он нужен?
Пожалуйста объясните, что написано ниже. Сколько ни пытался понять, так и ничего не получилось.
В книге представлено следующее:
Некоторые элементы HTML-кода имеют заранее запрограммированные реакции на события. Например, при щелчке по ссылке обычно загружается новая веб-страница; щелчок по кнопке подтверждения формы отсылает данные на веб-сервер для обработки. Иногда вы хотите, чтобы браузер повел себя не так, как обычно. Допустим, при подтверждении формы (событие submit ()) вы можете пожелать остановить ее отправку, пока посетитель не внесет в форму недостающих важных данных. Функция prevent Default () позволяет отменить нормальное поведение браузера. Она является частью объекта события (см. предыдущий раздел), поэтому доступ к ней осуществляется в рамках функции, управляющей событием. Допустим, на странице есть ссылка с идентификатором menu. Она указывает на другую страницу меню (чтобы посетитель, у которого отключен JavaScript, мог попасть на эту страницу меню). Однако вы добавили умный код JavaScript, и если посетитель щелкает по ссылке, меню появляется на той же странице. Но, как правило, браузер все же проследует по ссылке, поэтому вам необходимо отменить его обычное поведение следующим образом: $ (1#menu1) .click(function(evt) < // "Умный" JavaScript-код вставляется сюда evt.preventDefault(); // не переходи по ссылке >) ; Другой вариант — это просто возвращение значения «ложь» как результат выполнения функции события. Например, следующий код функционально аналогичен коду, приведенному выше: $(1#menu1) .click(function(evt)< // "Умный" JavaScript-код вставляется сюда return false; // не переходи по ссылке >) ;Оценить 4 комментария
return
Оператор return завершает выполнение текущей функции и возвращает её значение.
Интерактивный пример
Синтаксис
Выражение, значение которого будет возвращено. Если не указано, вместо него возвращается undefined .
Описание
При вызове оператора return в функции её выполнение прекращается. Указанное значение возвращается в место вызова функции. Например, приведённая ниже функция возвращает возведённое в квадрат значение своего аргумента, x (где x – это число):
function square(x) return x * x; > var demo = square(3); // значение demo будет равняться 9
Если возвращаемое значение не указано, вместо него возвращается undefined .
Следующие выражения всегда прерывают выполнение функции:
return; return true; return false; return x; return x + y / 3;
Автоматическая расстановка точек с запятыми
На выражение return влияет автоматическая расстановка точек с запятыми (ASI). Разрыв строки не допускается между ключевым словом return и выражением.
В консоли появится предупреждение «unreachable code after return statement».
Примечание: Начиная с Gecko 40, предупреждение в консоли появляется, если обнаружен недостижимый код после return .
Для того, чтобы избежать данной проблемы (предотвратить ASI), можно использовать скобки:
Примеры
Прерывание функции
Функция немедленно останавливается в точке, где вызывается return .
function counter() for (var count = 1; ; count++) // бесконечный цикл console.log(count + "A"); // до 5 if (count === 5) return; > console.log(count + "B"); // до 4 > console.log(count + "C"); // никогда не появляется > counter(); // Выводит: // 1A // 1B // 2A // 2B // 3A // 3B // 4A // 4B // 5A
Возвращение функции
function magic(x) return function calc(x) return x * 42 >; > var answer = magic(); answer(1337); // 56154
Спецификации
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
Found a content problem with this page?
This page was last modified on 17 февр. 2023 г. by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Our communities
Developers
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
Return False in JavaScript
- Return Statements in JavaScript
- Use preventDefault() Method in JavaScript
- Use Return False Method in JavaScript
- When and Why Use return false in JavaScript
- Difference Between return false and preventDefault() in JavaScript
This article will explain JavaScript’s return false statement, the need to use it, and how to use it in JavaScript programs. It will also explain the difference between return false and preventDefault statements.
Return Statements in JavaScript
JavaScript return statement skips the functions’ executions and return to the caller function. The return statement may or may not return any value.
Following is an example of a simple return statement in JavaScript.
// This return statement returns the product of 'x' and 'y' function myFunction(x, y) return x * y; > Likewise, we can return true or false in a simple JavaScript function.
function is_Equal(num1, num2) if (num1 == num2) return true; > else return false; > > Use preventDefault() Method in JavaScript
This method stops the event if it is stoppable, which means the default action that belongs to the event will not occur. It just prevents the default browser behavior.
- Once you click the link, it will prevent the link from following the URL.
- If you click on a checkbox, the function will toggle the checkbox.
- If you click on a Submit button, it will prevent submitting a form.
Use Return False Method in JavaScript
- It stops the browser’s default behavior.
- It prevents the event from propagating the DOM.
- It also stops callback execution and returns immediately.
- It relies on the boolean (true or false) value. If a form field is empty, the function generates an alert message, which returns false, preventing the form from being submitted.
// without using preventDefault or return false html> head> title> without PreventDefault( ) or Return false title> script> function f_Child() alert('Link Clicked'); > function f_Parent() alert('div Clicked'); > script> head> body style="text-align:center;"> h1 style="color:green;"> without PreventDefault( ) or Return false h1> div onclick='f_Parent()'> a href='https://www.delftstack.com/' onclick='f_Child()'>Click here to visit delfstack.coma> div> br> br> body> html> In the example above, the mentioned Delftstack link will open as the browser’s default behavior as we have not used preventDefault or return false .
- The following example shows that using preventDefault will change the browser’s default behavior.
// using preventDefault html> head> title> with PreventDefault() title> script> function f_Child() event.preventDefault(); event.currentTarget.innerHTML = 'Click event prevented' alert('Link Clicked'); > function f_Parent() alert('div Clicked'); > script> head> body style="text-align:center;"> h1 style="color:green;"> using preventDefault h1> div onclick='f_Parent()'> a href='https://www.delftstack.com/' onclick='f_Child()'>Click here to visit delftstack.coma> div> br> br> body> html> // using return false html> head> title> Return false title> script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">script> head> body style="text-align:center;"> h1 style="color:green;"> using return false h1> div> a href='https://www.google.com'>Click here to visit google.coma> div> script> $('a').click(function(event) alert('Link Clicked'); $('a').text('Click event prevented using return FALSE'); $('a').contents().unwrap(); return false; >); $('div').click(function(event) alert('Div clicked'); >); script> br> br> body> html> So, the use of return causes your code to short-circuit and stop execution immediately, and use the return false statement to prevent something from happening.
When and Why Use return false in JavaScript
- Return false statement is used to prevent something from happening.
- When a return false statement is called in a function, the execution of this function is stopped. If specified, a given value is returned to the function caller.
- In event handlers, like onsubmit , returning false is a way to tell that the event will not fire. So, in the onsubmit case, this would mean that the form is not submitted.
html> head> title> Return false Statement in JavaScript title> script> function validateForm() var a = document.forms["myForm"]["fname"].value; // use of return false statement if name field is empty if (a == "") alert("Please enter value in name field"); return false; > > script> head> body style="text-align:center;"> h1 style="color: rgb(128, 0, 6);"> Return False Statement h1> form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post"> Name: input type="text" name="fname"> input type="submit" value="Submit"> form> body> html> Difference Between return false and preventDefault() in JavaScript
In JavaScript, both return false and preventDefault() are used to stop default browser behavior, but their functionalities and uses are slightly different.
The main difference between these statements is that the code after return false will not execute, while the code after preventDefault() will execute.