Promise.all 傳入同一個方法不同參數的封裝

直接貼代碼

應用場景 比如你需要同時發起多頁請求,需要傳入頁碼但是方法都是一樣的此時我們就可以進行封裝一下,很實用的一個技巧

let tasks = [];
for (let i = 1; i <= 5; i++) {
    tasks.push(i);
};
/*
* @params : func:你封裝的方法 params: 參數的數組
*/
let getDataBind = (func, params) => {
        return params.map( item => {
            return func.call(null, item) //傳參
        })
    }
 /*
 @params : page_no 頁碼  
 getDate 可以換成你自己需要重複操作的方法,同理
 */
let getData = (page_no) => {
        let saveListData = JSON.parse(localStorage.getItem(this.props.saveListData));
        let params = {
            page_no:page_no,
            ...saveListData.loadParams
        }
        return new Promise(resolve => {
            get(this.props.sortUrl, params, this, false).then(function (data) {
                resolve(data.result;);
            });
        })
    }  
 Promise.all(this.getDataBind(this.getData, arrPage))
	.then( resultArr  => {
		    resultArr = resultArr.flat();//拉平數組
		    console.log(resultArr)    //這裏就獲取到所有頁的數據了
	});
//

有什麼疑問下面評論區留言我會及時回覆的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章