Home Web Front-end JS Tutorial How to stop function execution in javascript

How to stop function execution in javascript

Apr 12, 2021 pm 01:53 PM
javascript

In JavaScript, you can use the "return" keyword to stop function execution; just add the "return;" code to the function. Return literally means return. In the official definition, the return statement is used to terminate the execution of the current function and return the value of the current function.

How to stop function execution in javascript

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

In javascript, if you want to terminate a function, just use return. The example is as follows:

function testA(){
    alert('a');
    alert('b');
    alert('c');
}
Copy after login

testA(); When the program is executed, 'a will pop up in sequence. ','b','c'.

function testA(){
    alert('a');
    return;
    alert('b');
    alert('c');
}
Copy after login

testA(); The program execution will terminate when 'a' pops up.

[Recommended learning: javascript advanced tutorial]

javascript return statement

JavaScript return statement, indicating from The called function returns to the calling function to continue execution. The return can be accompanied by a return value, which is specified by the parameter after return. Return is usually necessary because the calculation result is usually brought out through the return value when the function is called. If the function execution does not need to return calculation results, it is often necessary to return a status code to indicate whether the function is executed smoothly or not (-1 and 0 are the most commonly used status codes). The calling function can judge the execution of the called function through the return value. Condition.

The function of return value is to encapsulate fixed and commonly used code and write it in a class. Just call it every time it is used.

First let’s briefly summarize the actual use of renturn.

1. The return statement terminates the execution of the function and returns the value of the function.

Write a button to trigger the onclick event

function demo1() {
return1;
document.write(&#39; <div class="print-result">&#39;+"demo1"+&#39;</div>&#39;);
}
Copy after login

When returning, the function value is equal to 1, subsequent code will not be executed, and there will be no subsequent output.

function demo2() {
function a(b,c) {
return b+c;
document.write(&#39;<div class= "print-result">&#39;+ (b+c) +&#39;</div>&#39;);
}
var abc=a(5,80);
alert(abc);
}
Copy after login

When calling the variable abc, its value will be 85; if you want to output the result directly without returning a value, delete return b c. In this way, abc will have no value, but the web page will output 85.

It can also be said that the default function has no return value. Usually the function needs to return a value or object to the outside after a series of processing. For example,

function demo3() {
function sum(a,b){
returna+b
}
alert(sum(1,2));
}
Copy after login

At this time, the value displayed by alert is 3, and if return is removed, undefined will be returned.

2. Application based on function return value

The application of return when terminating the function: return return: false; for the event processing function, which is used to prevent the default event behavior and cancel the default action. For example,

<a href ="一个网址"  οnclick= “return demo4()”>demo4</a>
Copy after login

Add a return value to it

function demo4() {return false;}
Copy after login

So that clicking on the link will not jump

The above is the common usage of return. At this time, there is a more common problem , that is: if return is used in a for loop, will the next loop be executed?

function demo5() {
for(var i=1; ;i++) {
console.log(i+"A");
return;
console.log(i+"B");}
console.log(i+"C");}
Copy after login

Due to the return, the function directly terminates the operation and returns the current value, so the output value of this function is only 1A.

So, for the following function,

function demo6() {
function counter() {
for(var count=1; ;count++) {
console.log(count+"A");
if(count===5) {return;}
console.log(count+"B");}
console.log(count+"C");}
counter();}
Copy after login

the output values ​​are 1A, 1B, 2A, 2B, 3A, 3B, 4A, 4B, 5C.

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of How to stop function execution in javascript. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to implement an online speech recognition system using WebSocket and JavaScript How to implement an online speech recognition system using WebSocket and JavaScript Dec 17, 2023 pm 02:54 PM

How to use WebSocket and JavaScript to implement an online speech recognition system Introduction: With the continuous development of technology, speech recognition technology has become an important part of the field of artificial intelligence. The online speech recognition system based on WebSocket and JavaScript has the characteristics of low latency, real-time and cross-platform, and has become a widely used solution. This article will introduce how to use WebSocket and JavaScript to implement an online speech recognition system.

WebSocket and JavaScript: key technologies for implementing real-time monitoring systems WebSocket and JavaScript: key technologies for implementing real-time monitoring systems Dec 17, 2023 pm 05:30 PM

WebSocket and JavaScript: Key technologies for realizing real-time monitoring systems Introduction: With the rapid development of Internet technology, real-time monitoring systems have been widely used in various fields. One of the key technologies to achieve real-time monitoring is the combination of WebSocket and JavaScript. This article will introduce the application of WebSocket and JavaScript in real-time monitoring systems, give code examples, and explain their implementation principles in detail. 1. WebSocket technology

How to use JavaScript and WebSocket to implement a real-time online ordering system How to use JavaScript and WebSocket to implement a real-time online ordering system Dec 17, 2023 pm 12:09 PM

Introduction to how to use JavaScript and WebSocket to implement a real-time online ordering system: With the popularity of the Internet and the advancement of technology, more and more restaurants have begun to provide online ordering services. In order to implement a real-time online ordering system, we can use JavaScript and WebSocket technology. WebSocket is a full-duplex communication protocol based on the TCP protocol, which can realize real-time two-way communication between the client and the server. In the real-time online ordering system, when the user selects dishes and places an order

How to implement an online reservation system using WebSocket and JavaScript How to implement an online reservation system using WebSocket and JavaScript Dec 17, 2023 am 09:39 AM

How to use WebSocket and JavaScript to implement an online reservation system. In today's digital era, more and more businesses and services need to provide online reservation functions. It is crucial to implement an efficient and real-time online reservation system. This article will introduce how to use WebSocket and JavaScript to implement an online reservation system, and provide specific code examples. 1. What is WebSocket? WebSocket is a full-duplex method on a single TCP connection.

JavaScript and WebSocket: Building an efficient real-time weather forecasting system JavaScript and WebSocket: Building an efficient real-time weather forecasting system Dec 17, 2023 pm 05:13 PM

JavaScript and WebSocket: Building an efficient real-time weather forecast system Introduction: Today, the accuracy of weather forecasts is of great significance to daily life and decision-making. As technology develops, we can provide more accurate and reliable weather forecasts by obtaining weather data in real time. In this article, we will learn how to use JavaScript and WebSocket technology to build an efficient real-time weather forecast system. This article will demonstrate the implementation process through specific code examples. We

Simple JavaScript Tutorial: How to Get HTTP Status Code Simple JavaScript Tutorial: How to Get HTTP Status Code Jan 05, 2024 pm 06:08 PM

JavaScript tutorial: How to get HTTP status code, specific code examples are required. Preface: In web development, data interaction with the server is often involved. When communicating with the server, we often need to obtain the returned HTTP status code to determine whether the operation is successful, and perform corresponding processing based on different status codes. This article will teach you how to use JavaScript to obtain HTTP status codes and provide some practical code examples. Using XMLHttpRequest

How to use insertBefore in javascript How to use insertBefore in javascript Nov 24, 2023 am 11:56 AM

Usage: In JavaScript, the insertBefore() method is used to insert a new node in the DOM tree. This method requires two parameters: the new node to be inserted and the reference node (that is, the node where the new node will be inserted).

How to get HTTP status code in JavaScript the easy way How to get HTTP status code in JavaScript the easy way Jan 05, 2024 pm 01:37 PM

Introduction to the method of obtaining HTTP status code in JavaScript: In front-end development, we often need to deal with the interaction with the back-end interface, and HTTP status code is a very important part of it. Understanding and obtaining HTTP status codes helps us better handle the data returned by the interface. This article will introduce how to use JavaScript to obtain HTTP status codes and provide specific code examples. 1. What is HTTP status code? HTTP status code means that when the browser initiates a request to the server, the service

See all articles