美文网首页
break,continue和return

break,continue和return

作者: 丶灰太狼他叔 | 来源:发表于2018-04-07 23:56 被阅读15次

1、break和continue
break和continue通常用于循环和switch语句中,其他地方使用时会抛出语法错误:
break使用:

      for (var i =0;i<5;i++) {
            if(i == 3) {
                break;
            }
            console.log(i);//0,1,2
        }

break会跳出循环,这个循环不再执行,开始执行下一个语句。

continue使用:

      for (var i =0;i<5;i++) {
            if(i == 3) {
                continue;
            }
            console.log(i);//0,1,2,4
        }

continue为当i=3即符合条件时,跳出当前循环,继续执行下一次循环。

2、return
return用于设置函数的返回值或阻止,在函数体外使用时会抛出异常。
设置返回值:

      function format (data) {
            if (true) {
                return data + 'liuhuan';
            }
        }

阻止a标签和form表单的默认事件:
HTML:

<a id="a" href="http://www.baidu.com">点击</a>

JS:

    document.getElementById("sohu").onclick=function(){
        console.log('=========');
        return false;
    }

值得注意的是,直接在a标签上绑定onclick事件<a id="a" href="http://www.baidu.com" onclick="a()">点击</a>时,会无法阻止a标签的跳转。

所以,完整的写法应该是:

   <a id="a" href="http://www.baidu.com" onclick="a()">点击</a>
 function a () {
        console.log('=========');
        if (event && event.preventDefault) {
            event.preventDefault();
        } else {
            window.event.returnValue = false; //兼容ie
        }
    }

相关文章

网友评论

      本文标题:break,continue和return

      本文链接:https://www.haomeiwen.com/subject/vjiuhftx.html