《javascript高级程序设计》笔记：continue / break 和 return

Posted 2020-10-02

return语句的几个特点：
（1）return语句应用范围只能出现在函数体内，出现在代码中的其他任何地方都会造成语法错误
（2）return语句就是用于指定函数返回的值
（3）return false 能够阻止提交表单或者继续执行下面的代码，通俗的来说就是阻止执行默认的行为

return的例子1：

function returnFn() {
    for(var i = 0; i < 10; i++) {
        if(i == 5) {
            return i;
        }
        console.log(i);
    }
}
console.log("===", returnFn());
// 0 1 2 3 4 === 5

return 的例子2:

<a href="http://www.rcsx.org" onclick=" return fn()">点击</a>

<script type="text/javascript">
function fn(){
    location.href="http://www.sina.com.cn";
    return false;
}
</script>

单击超链接后会跳转到新浪而不会跳转到百度，如果没有renturn false 则会跳转到百度。因为return false;阻止了默认行为

return 的几个常见用法：
（1）取消默认行为（参照上例）
（2）链式编程

var a = {
    b: function(bb) {
        console.log(bb)
        return this;
    },
    c: function(cc) {
        console.log(cc)
        return this;
    },
    d: function(dd) {
        console.log(dd)
        return this;
    }
}
a.b(1).c(2).d(3);
// 1
// 2
// 3
// Object {}

（3）闭包（之后章节详细讲解）

continue 和 break 语句

break 和 continue 语句用于在循环中精确地控制代码的执行。其中，break 语句会立即退出循环，强制继续执行循环后面的语句。而 continue 语句虽然也是立即退出循环，但退出循环后会从循环的顶部继续执行

break的例子：

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

break: 直接跳出 当前 的循环，从当前循环外面开始执行,忽略循环体中任何其他语句和循环条件测试。它只能跳出一层循环，如果你的循环是嵌套循环，那么你需要按照你嵌套的层次，八戒影院逐步使用break来跳出。

continue的例子：

 

function continueFn() {
    for(var i = 0; i < 10; i++) {
        if(i == 5) {
            continue;
        }
        console.log(i);
    }
}
continueFn();
// 0 1 2 3 4 6 7 8 9

continue: 终止当前的一次循环过程，其不跳出循环,而是继续往下判断循环条件执行语句。只能结束循环中的一次过程,但不能终止循环继续进行。