文章目录
- 一、问题
- 二、分析
- 三、解决
- 1.将异步改为同步
- 2.设置延迟
一、问题
在日常开发中,for 循环遍历调用接口,并将接口返回的值进行拼接,即push到一个新的数组中,但是在for循环内部是可以拿到这个新的数组,而for循环外这个新的数组时空,打印的长度也是0
二、分析
因为我们拼接的数据是从接口请求的,而接口请求发送的ajax请求是异步的,因此遇到这种情况,基本上都是一点,你的数组数据来源是异步请求产生的(例如 ajax/axios ),就比如你在ajax的success回调中没有直接使用这个数据,而是赋予了一个全局变量,你此时在ajax的下方打印这个全局变量,便会出现上面的数组有值而长度为0的状况
如此现象呢就是因为你的异步请求还在请求过程中,但是你的代码已经走到了打印那一行,全局变量是个空数组没赋值,我们打印的是这个变量的引用地址,异步赋值之后,因为是地址引用,那个数组已经被修改了。那个时候的数组长度确实还是0。但这个数组包含修改后的数据。
三、解决
1.将异步改为同步
//利用 async和await
async function(){
await axios.post('')
}
$.ajax({
url: '',
data: {},
dataType: 'json',
async:true,//同步属性设置为true
type: 'post',
success: function(obj) {
}
})
2.设置延迟
setTimeout(() => {
//代码
}, 1000); //1秒后执行代码