文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

如何在javascript中停止执行函数

2023-06-14 12:20

关注

本篇文章给大家分享的是有关如何在javascript中停止执行函数,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

在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的实际使用。

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。

基于函数返回值的应用

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。

以上就是如何在javascript中停止执行函数,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯