我有這 3 個需要按順序運行的函數。然而，由于first function其中有一個循環，因此它們2nd and 3rd functions在第一個函數的數據可用之前完成。我如何重構它以保證每個任務在下一個任務開始之前按順序完成？過去的使用.then已經給了我我所需要的。但這一次它沒有按正確的順序完成。mainFunction() {        fetch(API_URL + `/dataToGet`)            .then((res) => {                if (!res.ok) {                    throw new Error();                }                return res.json();            })            .then((result) => {                this.setState({data: result}, () => this.1stFunction());                console.log(result);            })            .catch((error) => {                console.log(error);            })            .then(this.2ndFunction())            .catch((error) => {                console.log(error);            })            .then(this.3rdFunction());  }firstFunction(){for (let i = 0; i < data.length; i++){            for (let j = 0; j < 8; j++){               //...grabbing data and saving to variables to be used in next steps...             }        }}secondFunction(){... wait until firstFunction is completed and then do something with data...}thridFunction(){... wait until secondFunction is complete and then do something else with that data...}