js数组循环,当前循环完成后执行下次循环

前言

上图中，点击播放icon，图中左边地球视角会按照视角列表依次执行。u3D提供了api,但是我们如何保证在循环中依次执行。即第一次执行完成后，再走第二次循环。很多人的第一思路就是promise。对，不错，出发的思路是正确的，但是要怎么组合呢？

// 设置摄像机镜头
export const setCamera = (config: any)=>{
   
	const {
    cimInstance } = window;
	return new Promise((resolve, reject) => {
   
		cimInstance.api.setCameraLook(config, (result:any)=>{
   
		   resolve(result);
		 })
		});
	 });
}

export const setCameraByArray = async (configArray：any[]=[])=>{
   
	for (const config of configArray) {
   
      await setCamera(config )
    }
 }

setCameraByArray(arrList)

总结

1. 返回promise

export const setCamera = (config: any)=>{
   
	return new Promise((resolve, reject) => {
   
		function(执行代码块)
	 });
}

2. async await执行

export const setCameraByArray = async (configArray：any[]=[])=>{
   
	for (const config of configArray) {
   
      await setCamera(config )
    }
 }

3.调用

setCameraByArray(arrList)

踩坑 用for of 代替for in、forEach等