javascript怎么停止函数执行

来自:互联网
时间:2021-04-12
阅读:

JavaScript中如果要终止一个函数的用return即可,实例如下:

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

testA(); 程序执行会依次弹出'a','b','c'。

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

testA(); 程序执行弹出'a'便会终止。

javascript return语句

JavaScript return 语句,表示从被调函数返回到主调函数继续执行,返回时可附带一个返回值,由return后面的参数指定。return通常是必要的,因为函数调用的时候计算结果通常是通过返回值带出的。如果函数执行不需要返回计算结果,也经常需要返回一个状态码来表示函数执行的顺利与否(-1和0就是最常用的状态码),主调函数可以通过返回值判断被调函数的执行情况。

return返回值的作用就是把固定不变的,常用的代码封装起来写在类里,每次用到的时候就调用就行了。

先来简单总结一下renturn的实际使用。

1. return 语句会终止函数的执行并返回函数的值。

写一个button触发onclick事件

function demo1() {
return1;
document.write(' <div class="print-result">'+"demo1"+'</div>');
}

在return的时候,函数值等于1,后续代码不会再执行,不会有后续输出。

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

调用abc这个变量的时候,它的值会是85;如果想直接输出结果,不要返回值那就删除掉return b+c,这样abc是没有值的,但是网页会输出85。

也可以说默认函数是没有返回值的。通常函数经过一系列处理后需要给外部返回一个值或者对象,如

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

这个时候alert显示的值是3,而如果去掉return,则会返回undefined。

2. 基于函数返回值的应用

return在终止函数运行时的应用:为事件处理函数返回return:false; ,作用在于阻止默认事件行为和取消默认动作,如

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

为它添加一个return值

function demo4() {return false;}

这样点击链接就不会跳转

以上就是return的常见用法,此时有一个比较常见的问题,即:若在for循环中使用了return,还会执行下一次循环吗?

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

由于出现return,函数直接终止运行并且返回当前值,所以这段函数的输出值只有1A。

所以,如下函数,

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();}

输出值是1A,1B,2A,2B,3A,3B,4A,4B,5C。

返回顶部
顶部