面试官：foreach怎么跳出循环？

下次如果再有人问你 foreach 怎么跳出循环，请你大声的告诉 ta，跳不出！！！！！！！！！！

foreach 跳不出循环

为什么呢？

先看看 foreach 大体实现。

Array.prototype.customForEach = function (fn) {
    for (let i = 0; i < this.length; i++) { fn.call(this, this[i], i, this) } } list.customForEach((item, i, list) => {
    console.log(item, i, list)
})
 
let list = [1,2,3,4,5]
 
list.forEach((item,index,list)=>{
    console.log(item,index,list)
})
 
list.customForEach((item,index,list)=>{
    console.log(item,index,list)
})

两个输出的结果是一样的没啥问题，这就是 foreach 的大体实现，既然都知道了它的实现，那么对它为什么跳不出循环♻️应该都知道了，再不清楚的话，再看一下下面的例子。

function demo(){
    return 'demo'
}
 
function demo2(){
    demo()
    return 'demo2'
}
 
demo()

在 demo2 函数里面调用 demo 函数，demo 函数的 return 能阻止 demo2 函数下面的执行吗？很明显不行啊，demo 函数里的 return 跟 demo2 函数一点关系都没有。现在你再回头看看 foreach 的实现，就明白它跳不出循环一清二楚了。

有点同学说不是可以通过抛出错误跳出循环吗？是的。看看下面例子。

let list = [1,2,3,4,5]
 
try {
    list.forEach((item, index, list) => {
        if (index === 2) {
            throw new Error('demo')
        }
        console.log(item)
    })
} catch (e) {
    // console.log(e)
}

结果是我们想要，但是你看代码，哪个正常人会这样写代码？是非 foreach 不用吗？还是其他的循环关键字不配呢。