js,没弄明白 变量的作用域,我拿不到 res

Question

js,没弄明白 变量的作用域,我拿不到 res, 有什么办法 让repeatData 拿到 res

  for(let i=0; i<modData.repeatField.length;i++){
          var repeatData = [1,2] //定义变量
          const params ={ [modData.repeatField[i]]: row[modData.repeatField[i]]}
          getMethod(modData.url, params).then(res=>{
            repeatData = res // 给 repeatData  赋值
            console.log('后端检查重复校验4', repeatData)  //这个 repeatData 是 res
          })
          console.log('后端检查重复校验5', repeatData) // 这个 repeatData  始终是 [1,2],我是要的是res, 
          if (repeatData.length >=1){
            errMessage(row[modData.repeatField[i]] + ',服务器已存在此项目,请勿重复添加!','提示')
            return
          }
        }

Answer 1

因为请求是异步的，请求在过程中会继续执行下面代码，所以你在请求外输出repeatData没变

解决方法:

1. 把想在repeatData赋值后的操作放在请求的then(res =>{)里，这样就能确保请求完再执行赋值等操作

for(let i=0; i<modData.repeatField.length;i++){
          var repeatData = [1,2] //定义变量
          const params ={ [modData.repeatField[i]]: row[modData.repeatField[i]]}
          getMethod(modData.url, params).then(res=>{
            repeatData = res // 给 repeatData  赋值
            console.log('后端检查重复校验4', repeatData)  //这个 repeatData 是 res
              console.log('后端检查重复校验5', repeatData) // 这个 repeatData  始终是 [1,2],我是要的是res, 
          if (repeatData.length >=1){
            errMessage(row[modData.repeatField[i]] + ',服务器已存在此项目,请勿重复添加!','提示')
            return
          }
          })
        }

1. 利用es6 async await的语法糖，把请求的异步过程写成同步写法，就能一步一步执行了,但是这样就不能捕获异常了，所以要用try catch结构包裹请求捕获异常

async test(){
  try{
  for(let i=0; i<modData.repeatField.length;i++){
          var repeatData = [1,2] //定义变量
          const params ={ [modData.repeatField[i]]: row[modData.repeatField[i]]}
            let res = await  getMethod(modData.url, params)
            repeatData = res // 给 repeatData  赋值
            console.log('后端检查重复校验4', repeatData)  //这个 repeatData 是 res
      
          console.log('后端检查重复校验5', repeatData) // 这个 repeatData  始终是 [1,2],我是要的是res, 
          if (repeatData.length >=1){
            errMessage(row[modData.repeatField[i]] + ',服务器已存在此项目,请勿重复添加!','提示')
            return
          }
        }
}catch{
  console.log('err')
}
}

如有帮助，麻烦点个[采纳此答案]^O^