美文网首页
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