现在的位置: 网页制作教程JS网页特效 >正文
JavaScript脚本

js中break,continue和return各自作用和区别

发表于2016/11/23 JS网页特效 0条评论 ⁄ 热度 1,274℃
导语:在js中经常会看到break,continue和return的身影,它们应用的频率很高,那么它们分别代表什么意思?各自的作用以及之间的区别又是什么?

break、continue和return三个语句中,break和continue是应用在循环语句中,return是函数的返回语句。

js

我们首先介绍break和continue,这两个应用的范围是退出循环或者switch语句,在其他地方使用会导致错误。

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

for(var i=1;i<=10;i++)
{
 if(i==6)
 {
  break;
 }
 document.write(i);
}
输出结果:12345

当i=6的时候,直接退出for这个循环。这个循环将不再被执行!

continue:和break语句相似。所不同的是,它不是退出一个循环,而是开始循环的一次新迭代。

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

for(var i=1;i<=10;i++)
{
if(i==6) continue;
document.write(i);
}
输出结果:1234578910

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

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

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

return分有返回值和无返回值两种。

有返回值:

语法为:return 表达式;

调用函数,而且把表达式的值作为函数的结果。

无返回值:

语法为:return;

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

如果在超链接a中添加return false,可以禁止超链接的行为,让href失效。

如果在表单提交中添加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()函数执行。

关于retrun的总结:

retrun true; 返回正确的处理结果。
return false; 分会错误的处理结果,终止处理。
return; 把控制权返回给页面。

以上就是break,continue和return三者的作用和之间区别。

  • 暂无评论