JavaScript中的break,continue和return的用法及区别

「爱情、让人受尽委屈。」 2021-07-24 18:27 576阅读 0赞

首先感谢（[李星儒の][Link 1]）的分享

**这三个看起来很简单，却常常会出错的关键词的具体用法。**

**主要从以下几个方面来详细论述。**

**1、3个关键词的含义和比较。**

**2、举例说明其实际应用。**

--------------------

** **

**3个关键词的含义和比较**

在 break,continue和return 三个关键字中， break,continue是化为一类的，return 是函数返回语句，但是返回的同时也将函数停止。

**相同之处：**三个都会将此时进行的语句停止。

**不同之处：**

1、break：是立即结束语句，并跳出语句，进行下个语句执行。

2、continue：是停止当前语句，并从头执行该语句。

3、return：停止函数。

4、使用的语句环境不一样，break和continue是用在循环或switch语句中，return是用在函数语句中。

--------------------

**举例说明其实际应用**

**break和continue**

这两个应用的范围是退出循环或者switch语句，在其他地方使用会导致错误；

1、break：**由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的break语句才是合法的。**

使用如下：

for(var i=1;i<=10;i++){
    	if(i==6){
    		break;
    	}
    	console.log(i);
    }

//输出结果：12345

当i=6的时候，直接退出for这个循环。**这个循环将不再被执行！直接进入下一个语句。**

2、continue：和break语句相似。**所不同的是，它不是退出一个循环，而是开始循环的一次新迭代。**

**continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内，在其它地方使用都会引起错误！**

for(var i=1;i<=10;i++){
    	if(i==6){
    		continue;
    	}
    	console.log(i);
    }

//输出结果：1234578910

当i=6的时候，直接跳出本次for循环。下次继续执行。

**return语句**

**return语句就是用于指定函数返回的值。**

**return语句应用范围只能出现在函数体内，出现在代码中的其他任何地方都会造成语法错误！**

1、返回控制与函数结果

语法为：return 表达式;

语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果。

function haha(num){
    	if(num>9){
    		return '笑岔气了';
    	}else{
    		return '哈';
    	}
    }
    for(var i=0;i<=10;i++){
    	console.log(haha(i),i);
    }

输出：

哈 0
     哈 1
     哈 2
     哈 3
     哈 4
     哈 5
     哈 6
     哈 7
     哈 8
     哈 9
     笑岔气了 10

2、返回控制

无函数结果，语法为：return;

在大多数情况下,为事件处理函数返回false，可以防止默认的事件行为。

**return false 就相当于终止符，return true 就相当于执行符。 返回的false和true通常用在需要进行布尔类型判断时。**

比如你单击一个链接，除了触发你的onclick事件（如果你指定的话）以外还要触发一个默认事件就是执行页面的跳转。所以如果

你想取消对象的默认动作就可以return false。

我们也常用return false来阻止提交表单或者继续执行下面的代码。

function a(){
    	if(true){
    		return false;
    	}
    }
    function Test(){
    	a();
    	b();
    	c();
    }

即使a函数返回return false 阻止提交了，但是不影响 b（）以及 c（）函数的执行。在Test（）函数里调用a（）函数，那面里面

return false 对于Test（）函数来说，只是相当于返回值。而不能阻止Test（）函数执行。

总之：**return false 只在当前函数有效，不会影响其他外部函数的执行。**

**总结**

**return true;返回正常的处理结果；终止处理。**

**return false;返回错误的处理结果；终止处理；阻止提交表单;阻止执行默认的行为。**

**return;把控制权返回给页面。**

我觉得这个篇文章非常的不错，就拿过来了，再次感谢原作者（[李星儒の][Link 1]）的分享！

原文地址：[https://www.cnblogs.com/itgezhu/p/11226852.html][https_www.cnblogs.com_itgezhu_p_11226852.html]

[Link 1]: https://www.cnblogs.com/itgezhu/
[https_www.cnblogs.com_itgezhu_p_11226852.html]: https://www.cnblogs.com/itgezhu/p/11226852.html

发表评论取消回复

表情：

评论列表（有 0 条评论，576人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 中，break , continue , return 的区别

break , continue , return 的区别 `break` ：结束当前的循环体（如 `for`、`while`） `continue` ：跳出

客官°小女子只卖身不卖艺/ 2023年01月19日 03:05/ 0 赞/ 4 阅读

相关 Javascript事件preventDefault,stopPropagation及return false的区别

javascript中有两种事件传播模式：捕获模式(capturing) 冒泡模式(bubbling) 捕获模式当事件发生时，该事件首先被最外层元素接

蔚落/ 2022年11月05日 10:57/ 0 赞/ 167 阅读

相关 Python 中print 和return 的区别

1、print() print()函数的作用是输出数据到控制台,就是打印在你能看到的界面上。 2、return return语句\[表达式\]退出函数，选择性地向调用方返

拼搏现实的明天。/ 2022年10月08日 00:59/ 0 赞/ 232 阅读

相关 js中return false,return,return true的用法及区别

首先return作为返回关键字，他有以下两种返回方式 1.返回控制与函数结果语法为：return 表达式; 语句结束函数执行，返回调用函数，而且把表达式的值作为函

左手的ㄟ右手/ 2022年08月08日 00:50/ 0 赞/ 207 阅读

相关 javascript中return、return true、return false的区别

一、定义在javaScript里，return有终止函数的执行和传递数值，两种功能。 return false 就是返回假值，从而终止了函数的执行 return

深碍√TFBOYSˉ_/ 2022年06月06日 12:26/ 0 赞/ 288 阅读

相关 jquery中的find（）和next（）的用法及区别

在讲解这两个方法的时候，咱们先弄懂一个概念，什么叫做后代，什么叫做同级咱们先用一个图片来说一下。 ![20181129102321845.png][] 注：该图片取自

矫情吗；*/ 2022年04月13日 11:16/ 0 赞/ 307 阅读

相关 C++中的return和exit区别

在main函数中，return和exit经常混用，两者的一个区别：return会执行statck unwinding，而exit不会。如果触发了信号，exit也同样不会做

蔚落/ 2022年03月22日 16:50/ 0 赞/ 287 阅读

相关 Oracle 中Return 和exit的区别

在Oracle存储过程中，使用Return 时，如果执行到Return语句，会跳出整个语句（如果是循环，会跳出整个循环），将不再执行，也就是结束了整个存储过程。下面就用一个

「爱情、让人受尽委屈。」/ 2022年01月10日 22:49/ 0 赞/ 556 阅读

相关 javascript中return的用法以及作用

1.在当前位置跳出函数,不再执行后面的内容 function fn(){ var x=1; return;//在当前位置跳出函数,

╰+攻爆jí腚メ/ 2021年07月26日 22:02/ 0 赞/ 510 阅读

相关 JavaScript中的break,continue和return的用法及区别

首先感谢（[李星儒の][Link 1]）的分享这三个看起来很简单，却常常会出错的关键词的具体用法。主要从以下几个方面来详细论述。 1、3个关键词的含义和比

「爱情、让人受尽委屈。」/ 2021年07月24日 18:27/ 0 赞/ 577 阅读