返回诺言后，在JavaScript中使用等待

Question

我有一个需要执行的函数。我使用GLTF解析器来检索顶点和面部。但是，它不会在正确的时间执行。这是我当前拥有的功能。

public parseGltfBlobs(toAdd: asmTreeNodeScene[]) {
        const loader = new GLTFLoader();

        for (let i = 0; i < toAdd.length; i++) {
            let componentId: number = toAdd[i].componentId;

            let isPart: boolean = toAdd[i].type == "part";
            
            // Handle surface mesh requests for parts for server endpoint in json format
            if (isPart) {       
                let surfaceMeshKey: string = componentId.toString() + "." + this.asmStateServ.decimation.toString();

                // Grab the byte array
                let gltfBytes = <ArrayBuffer>this.assemblyFetchServ.surfaceMeshesGltf.get(surfaceMeshKey)['gltfBytes'];
            
                return new Promise((resolve, reject) => {
                    
                    loader.parse(gltfBytes, "", gltf => {
                    let mesh;
                    let vertices;
                    let faces;
                    
                    mesh = <THREE.Mesh>gltf.scene.children[0];
                    vertices = mesh.geometry.attributes.position.array;
                    faces = mesh.geometry.index.array;

                    let surfaceMesh: Object = {
                        "component_id": componentId,
                        "vertices": vertices,
                        "faces": faces,
                    }
                    resolve(this.assemblyFetchServ.surfaceMeshes.set(surfaceMeshKey, surfaceMesh));
                    console.log("Stored data  in surfaceMeshes map")
                    // Emit finished event
                }
               )
            })}
        }
    }

该功能正在以下方式调用。

this.requestMissingResources(toAdd, this.isGLTF).subscribe(
            () => {
            },
            (err) => {
                console.log(err);
            },
            async () => {
                if(this.isGLTF) {
                    console.log("Parsing gltf blobs");
                    await this.parseGltfBlobs(toAdd);
                    console.log("End of parsing gltf blobs")
                }

但是，我仍然没有收到输出承诺。我想知道为什么那是什么，我在这里做错了什么？如果给我正确的代码，这将很大程度上意味着我对我很陌生，这对我有很大帮助。

Answer 1

从评论中移动答案。

1. 看来您的诺言没有/调用解决回调，甚至知道它已经完成。

创建诺言定义回调以将其标记为成功或失败。您将解决方案使用并拒绝回调，因为

new Promise((resolve, reject) => { ... do something ... resolve(data); })

2. 我看不到任何收到承诺结果的东西，也没有从承诺中返回任何结果。如果您不打算从Promise中返回任何信息至少与布尔值联系，以将其标记为已完成，以便您知道您是否可以进一步进行。

resolve（data）或拒绝（数据）将帮助您正确处理承诺。尝试/捕获可用于捕获这些输出。

try {
  // if promise resolved successfully you will get data in the data variable
  const data = await function_returning_a_promise();
}
catch (error) {
  // if promise rejected you will catch an error here
  console.error(error);
}

3. 使用试用/捕获以上述等待的承诺处理承诺。

4. 有什么异步，您需要承诺解析它吗？这是。如果是这样，您可能应该等待它以及另一个等待。如果不是，您甚至可能根本不需要承诺。

因此，我的意思是：

const result = await this.assemblyFetchServ.surfaceMeshes.set(surfaceMeshKey, surfaceMesh);

如果这是一个异步功能，则应等待它首先完成。如果不是，您可能甚至不应该首先使用承诺。

我建议通过 https：https：https：//开发人员。 mozilla.org/en-us/docs/web/javascript/Reference/global_objects/promise 小心。回到过去，它有助于我理解自己的保证。