javascript - 如何将局部变量值赋给函数的变量 [Three.js] JSON Loader

Question

我正在尝试将外部 JSON 模型加载到场景中，并尝试将其值放入名为 head 的变量中，因此希望将其添加到场景中。

我所做的就是这样

    var loader = new THREE.JSONLoader();

    this.head = loader.load( "eagle2.js", function( geometry ) {

        var material = new THREE.MeshPhongMaterial(), head;
        head = new THREE.Mesh( geometry, material );
        head.scale.set( 200, 200, 200 );
        head.position.y = 0;

        return head;
    } );

    this.mesh.add(this.head);

我喜欢做的是加载 JSON 模型并将所有网格放入我当前所在函数的头变量中。但是，当我运行上面的代码时，它在 firebug 中显示类型错误。模型加载成功，但错误如下

TypeError: a is undefined Three.js Line 55

我应该怎么做才能修复这个错误？

Answer 1

JSONLoader 的方法加载不返回任何内容。相反，它对服务器进行异步调用并在回调函数中返回数据，因此正确的用法应该如下所示:

var self = this;
var loader = new THREE.JSONLoader();

loader.load( "eagle2.js", function( geometry ) {

    var material = new THREE.MeshPhongMaterial(), head;
    head = new THREE.Mesh( geometry, material );
    head.scale.set( 200, 200, 200 );
    head.position.y = 0;

    self.head = head;
    self.mesh.add(head);
} );