0

我一直在尝试使用 babylonjs，到目前为止一切都很好。当所有内容都在同一文件中的 ImportMesh 回调函数中时，我能够加载网格并为其设置动画。然而; 当我尝试将事情分开并做一些像下面这样简单的事情时，我似乎得到了这些竞争条件。举个例子：

var models = ["brick_wall", "tree1", "person1"]

for (var i =0;i<models.length;++i) {


    BABYLON.SceneLoader.ImportMesh(models[i], "models/","tree.babylon", scene, (newMeshes) => {


        this.meshMap[models[i]] = newMeshes[0]
        console.log("mesh set:" + models[i])
    });
}

控制台日志打印为“网格集：未定义”。我假设因为导入网格在“i”甚至有机会设置之前在自己的线程中执行回调函数？但是，当在回调中简单地进行控制台打印时，我无法理解如何设置“i”和/或模型列表。当我进行控制台打印时：

models[1]

在同一个回调中，我能够正确看到该值吗？没有意义 ：（

有谁知道导入网格在线程方面发生了什么？babylonjs 是否有等待线程的最佳实践？我尝试使用 scene.executewhenready 但我似乎仍然无法在回调之外的变量中存储和检索任何内容。

4

1 回答 1

2

我假设因为导入网格在“i”甚至有机会设置之前在自己的线程中执行回调函数

不。请注意，JavaScript 是（主要是......并且在这种情况下肯定是）单线程。

当我在同一个回调中进行控制台打印时：models[1]

这是因为在这种情况下，变量i将指向最后分配的值 ( models.length)。

注意：JavaScript 闭包捕获变量而不是值。所以你需要在每次循环迭代中创建一个新变量。

固定代码

var models = ["brick_wall", "tree1", "person1"]

for (var i =0;i<models.length;++i) {

(function(index){
    var i = index;
    BABYLON.SceneLoader.ImportMesh(models[i], "models/","tree.babylon", scene, (newMeshes) => {


        this.meshMap[models[i]] = newMeshes[0]
        console.log("mesh set:" + models[i])
    });
})(i);

}

这是演示此原理的视频：https ://www.youtube.com/watch?v=hU4cbxpe49Y

于 2015-09-21T04:10:47.903 回答