实现js中的forEach方法中：中途跳出循环和throw new Error()

第一部分：实现js中的forEach方法中：中途跳出循环

需求：forEach方法中跳出循环：此案例为：在forEach循环到2的时候直接结束循环

方法一：使用return可以结束本次循环，但不是跳出循环（失败）

//forEach是一个函数
let arr = [1,2,3,4]
  arr.forEach((value,index)=>{
    if(value===2){
      /*
        数组的每个成员都在forEach这个匿名函数里面，
        我使用return相当于是在value等于2的时候retuen了
        所以下面的console.log(value)//1,3,4
       */ 
        return
      }
     console.log(value)//1,3,4
  })

方法二：forEach跳出循环；方法： try catch （成功跳出forEach跳循环）

// forEach跳出循环
// 方法： try catch 
let arr1 = [1,2,3,4,5]
let k = null
 try{
   arr1.forEach(value=>{
     if(value===2){
         k=value
       // 在value===2的时候终止循环,
       // 方法：抛出一个错误
          throw new Error()
         }
     })
 }catch(e){

 }
console.log(k)//2

此案例容易出错点

终止for循环可以使用break,continue。在forEach中使用会报错;

因为forEach是一个函数

第二部分：throw new Error()与New Error()

第一点：New Error()

当Error像一个函数一样被使用时，也就是没有new，它将返回一个Error对象。因此，仅仅调用

Error将产生与通过new关键字构造一个Error对象相同的输出。

<script>
   const x = Error('我是错误x')
   const y = new Error('我是错误y')
   console.log(x)
   console.log(y)
   //错误都一样
   /*
   Error: 我是错误x/y
   at New Error.html:50:19
   */      
</script>

通过Error的构造器可以创建一个错误对象。当运行时错误产生时，Error的实例对象会被抛出Error

对象，也可用于用户自定义的异常的基础对象。

例：new Error('我是错误对象' )在响应拦截器中的使用

// 添加响应拦截器
service.interceptors.response.use(function(response) {
  // 当我响应回来的错误不是语法上的错误，而是用户输入错误时候：
  // 我们返回一个Promise.reject(),我发送axios,写的语法是await,所以无法捕捉到错误的reject()，就会在控制台报错
    // 报错的内容就是new Error()
    return Promise.reject(new Error('报错的内容').message)
  }
}, function(error) {
  // 对响应错误做点什么
  console.log('我是错误的响应:', error)
  return Promise.reject(error)
})
export default service

 第二点：throw 语句

throw语句的作用是手动中断程序执行，抛出一个错误（例如上forEach方法中：中途跳出循环）

if (x < 0) {
  throw new Error('x 必须为正数');
}

对于 JavaScript 引擎来说，遇到throw语句，程序就中止了。引擎会接收到throw抛出的信息，可能

是一个错误实例，也可能是其他类型的值

throw可以抛出任何类型的值。也就是说，它的参数可以是任何值。

// 抛出一个字符串
throw 'Error！';
// Uncaught Error！
 
// 抛出一个数值
throw 42;
// Uncaught 42
 
// 抛出一个布尔值
throw true;
// Uncaught true
 
// 抛出一个对象
throw {
  toString: function () {
    return 'Error!';
  }
};