首頁猿問 js異步list.push和set...

js異步list.push和setTimeout,list.splice的時(shí)間差問題該怎么解決?

JavaScript React.JS

慕桂英4014372 2019-05-19 14:19:54

list//頁面展示數(shù)組cacheList//緩存數(shù)組,ajaxsetTimeout((=>{ list.shift(); if(cacheList.length<=8){ this.getData(); } const arr = this.state.cacheList.splice(0,num); // 這一步cacheList是[] //剛好下一步ajax成功了,cacheList.push成功了,結(jié)果cacheList應(yīng)該有長度 //但是被上一步setState 進(jìn)去了 list.push(...arr); this.setState({ list, cacheList })}),2000)

查看完整描述

2 回答

絕地?zé)o雙

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超4個(gè)贊

把后面的操作也放在ajax的回調(diào)里面。

反對(duì) 回復(fù) 2019-05-19

互換的青春

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊

不明白題主想要表達(dá)的意思是什么，或許該了解一下js的執(zhí)行順序， list.push 等等操作和 setTimeout之間是不存在 "時(shí)間差" 這個(gè)東西的。 setTimeout 和 ajax 都是異步的操作。他們的回調(diào)函數(shù)是要等當(dāng)前執(zhí)行棧里面的任務(wù)執(zhí)行完畢之后才會(huì)執(zhí)行的。建議了解javascript事件循環(huán)機(jī)制 或許你應(yīng)該等到在異步執(zhí)行成功后的回調(diào)函數(shù)里面去拿到數(shù)據(jù)之后再做相關(guān)操作。