广州自助建站,谷歌seo关键词优化,中国建设人才网络学院,杭州小程序开发费用项目场景#xff1a;
在公司的一个项目中需要使用循环更改查询条件#xff0c;然后查询子表数据#xff0c;但是在查询过程中for下面的key变化了之后#xff0c;查询中的key却并没有变化#xff0c;导致查询的参数不一致#xff0c;从未结果数据出错 for(let i 0;i…项目场景
在公司的一个项目中需要使用循环更改查询条件然后查询子表数据但是在查询过程中for下面的key变化了之后查询中的key却并没有变化导致查询的参数不一致从未结果数据出错 for(let i 0;ilength;i){let record this.state.AllDate.CurvedataHVO_list.rows[i].valuesvar key record.pk_curvedata.value// console.log(key)this.state.list.tablelist.tablelistRow {values: record};this.querySlaveData({callback: (data) {// console.log(发起请求)var mydata {data}if ( !( key in this.state.chosedLine ) ) {//echarts表格var xValue []var yValue []for(const item of mydata.data.CurvedataBVO_sub.rows){yValue.push( (item.values.rate.value | 0 ) / 100)xValue.push( (item.values.term_days.value | 0) 天 )}this.state.chosedLine[key] [xValue,yValue,record.name.value]}else{delete this.state.chosedLine[key]}}})} 原因分析
在循环过程中发起请求因为请求有延迟导致两次key取的是同一个数所以最终数据出错 解决方案
使用使用立即执行声明函数IIFE来确保请求中的 key 值与循环中的 key 值一致。
IIFE介绍
IIFE立即执行函数表达式是一种在定义后立即执行的 JavaScript 函数。它通常用于创建一个私有的作用域避免变量污染全局作用域以及执行一些初始化操作。IIFE 的基本语法是将一个匿名函数包裹在圆括号中然后紧接着的另一对圆括号会立即执行这个函数。 for(let i 0;ilength;i){let record this.state.AllDate.CurvedataHVO_list.rows[i].valuesvar key record.pk_curvedata.value// console.log(key)this.state.list.tablelist.tablelistRow {values: record};((record, key) {this.querySlaveData({callback: (data) {// console.log(发起请求)var mydata {data}if ( !( key in this.state.chosedLine ) ) {//echarts表格var xValue []var yValue []for(const item of mydata.data.CurvedataBVO_sub.rows){yValue.push( (item.values.rate.value | 0 ) / 100)xValue.push( (item.values.term_days.value | 0) 天 )}this.state.chosedLine[key] [xValue,yValue,record.name.value]}else{delete this.state.chosedLine[key]}}});})(record, key);}
