async和await的使用

1. //异步调用，Promise代表一个异步操作，主要是封装回调
   
2. load(path: string) {
   
3.     return new Promise((resolve, rejects) => {
   
4.         resources.load(path, Prefab, (err: Error, data: Prefab) => {
   
5.             if (err) {
   
6.                 // 失败，执行rejects函数，err.message是返回的错误信息。不会执行Promise.then
   
7.                 rejects(err.message);
   
8.                 //只要执行了rejects，后面哪怕调用到了resolve函数，也不会触发Promise.then
   
9.                 //所以，return应该可以不加，但是为了代码的可读性，还是加下。
   
10.                 return;
    
11.             }
    
12.             //成功，把data传送给Promise.then函数
    
13.             resolve(data);
    
14.         })
    
15.     })
    
16. }
    
17. 
    
18. //async要和await配套使用
    
19. //await表示强制等待状态。
    
20. //async表示函数是异步操作，不会阻塞执行逻辑。
    
21. //showWinAsync函数使用到了await，必须对该函数进行async标记。这就是async和await的配套使用。这样设计的目的应该是保证强制等待的操作不会阻塞其他操作。只是对Promise起效果。
    
22. async showWinAsync(path: string, action?: string, duration?: number) {
    
23.    
    
24.     //await后面要跟一个Promise对象，等Promise的异步操作执行完毕后，代码才会执行下去。
    
25.     await this.load(path).then((data: Prefab) => {
    
26.         if (data) {
    
27.             let parent = find("Canvas");
    
28.             if (parent == null) {
    
29.                 warn("game error: \'Canvas/bg\' not exist!");
    
30.                 return;
    
31.             }
    
32. 
    
33.             let winNode = instantiate(data);
    
34.             parent.addChild(winNode);
    
35.             winNode.setPosition(Vec3.ZERO);
    
36.         }
    
37.     })
    
38.    
    
39.     //有await，需要等load.then函数执行完毕，才会执行到这里。
    
40.     //没有await，则不会等待load.then函数的执行。
    
41.     log("执行完成。");
    
42. }

复制代码