01-forEach中return失效问题

forEach中return失效问题详解

• 1 return
• 2 break&&continue
• 3 问题:
• 4 解决方案
  • 4.1改为for循环
  • 4.3 通过try catch机制

1 return

• return必须是使用在函数里面的
• return有2个作用，结束函数和返回结果
• return在执行语句中可以直接跳出函数体

  2 break&&continue

• break :终止循环
• continue:跳出当次循环,执行下次循环

  3 问题:

• forEach中return不能直接跳出函数体而是直接跳出当次循环
• 报错代码

Set.prototype.subSet = function (otherSet) {
        var values = this.values();
        values.forEach(value => {
          if (!otherSet.has(value)) {
            return false;
          }
        });
        //此行代码即使前面return false也会执行
        return true;
      }

4 解决方案

4.1改为for循环

Set.prototype.subSet = function (otherSet) {
        var values = this.values();
        for (var i = 0; i < values.length; i++) {
          if (!otherSet.has(values[i])) {
            return false;//直接跳出循环体
          }
        }
        return true;
      }

4.3 通过try catch机制

//主动抛出错误跳出循环

function (otherSet) {
  var values = this.values();
  try {

    values.forEach(value => {
      if (!otherSet.has(values[i])) {
        throw new Error();//主动抛出错误跳出循环
      }
    });
  } catch (error) {
    //抛出错误执行语句
    return false;
  }
}

本文作者： SparkParis
本文链接： https://sparkparis.github.io/2020/04/13/01-forEach%E4%B8%ADreturn%E5%A4%B1%E6%95%88%E9%97%AE%E9%A2%98/
版权声明： 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处！

赏

谢谢你请我吃糖果

支付宝

微信