浅析JavaScript中的嵌套函数如何实现优雅地跳出外部函数

一、问题背景

　　一般 return false 就跳出函数了，但是如果函数里面有嵌套函数，如何优雅地跳出最外部的这个函数呢？

function Test(){
   a();
   b();
   c();
}
function a()
    return false;
}

　　一般 a() 里 return false 就跳出 a 函数了，这是没有任何问题的，但是如果是 Test() 这种，如何优雅地实现函数a() return false 跳出外部函数 Test() 呢？

二、解决方案

1、利用 throw 语句

　　return 只能退出当前函数，不具备跨函数的功能。但是 throw 具有不限层次中断的功能，所以这个可以使用 throw 来完成。

　　一般情况下 throw 应该抛出一个 Error 对象。但是 JavaScript 并未对 throw 的对象有所有限制，所以也可以抛出其它东西，在确实不需要抛出错误的情况下，抛出一个状态对象，甚至值都是可以的。但不管抛出什么，要想外面的程序能正常运行，都是需要 try ... catch 的。

function a() {
    console.log("[Trace] a()");
    if (true) throw "true"
}
function test() {
    try {
        a();
        b();
        c();
    } catch (stat) {
        if (stat === "true") {
            return;
        }
        // TODO 其他情况正常处理可能发生的错误
    }
}
test();

　　只会输出 [Trace] a()，因为被 throw 给中断掉了。

　　throw 这种方法我们可以看到，就算多层嵌套，用这种方法也是可行的额。

2、利用 Array.every() 方法

　　如果是有一堆判断函数，只要有一个 flase 就退出，那就可以用数组来处理，比如：

const fns = [
    () => { console.log(true); return true; },
    () => { console.log(true); return true; },
    () => { console.log(false); return false; },
    () => { console.log(true); return true; },
];

fns.every(fn => fn());
// true
// true
// false

　　只要遇到一个返回 false 的就结束了。

　　使用 Array.every() 方法需要注意的一点是：若想继续执行，必须显式返回 true 才行，返回 undefined，也就是无返回值，也表示 false

　　我们可以看到使用这种方式也是挺优雅的。

3、短路与 && 的实现

function Test(){
   a() && b() &&  c();
}

　　这样也可以实现只要函数 a、b、c 里有1个返回 false，Test() 就会不再执行后面的函数，但是这个的短板是跟 Array.every() 类似，只是 Test() 执行完成，而不是跳出 Test 函数。也就是说如果像下面这样，还是会往下执行：

function Test(){
    a() && b() &&  c();
    // 如果a、b、c函数里有返回false，下面的代码还是会执行
}

　　如果想实现 a() 返回 false 就跳出 Test 函数，不执行后面代码，也可以像下面这样，但是这样就多了一层判断。

function Test(){
　　if(!a()) return;
　　// 哪怕这里有代码也不会执行，而是跳出
　　b();
　　c();
}

　　所以也就是说这种方式与 Array.every() 一样，只适合仅仅只是一堆判断函数的情况。