break,continue和return

2018-04-07  本文已影响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
        }
    }
上一篇下一篇

猜你喜欢

热点阅读