Загрузка нескольких объектов с одинаковой функцией

Question

Мне нужно загрузить несколько моделей и вы хотите, чтобы их можно было достать извне загрузчика. Когда я пытаюсь следовать правилу DRY, я хочу создать одну функцию для загрузки и возврата объекта.

function loadObject(obj, mtl) { 
      var loader = new THREE.OBJMTLLoader(); 
      return loader.load(obj, mtl, function (object) { 
       return object; 
      }); 
} 

но после использования в главной функции

var box = loadObject('box.obj', 'box.mtl'); 
    scene.add(box); 

я получаю:

THREE.Object3D.add: объект не является экземпляром THREE.Object3D. неопределенному

Answer 1

Вы не return ИНГ то, что вы думаете, что вы от loadObject. Третий параметр - loader.load - это обратный вызов; это, вероятно, асинхронно. load сам ничего не возвращает, поэтому box заканчивается undefined. Вы должны, вероятно, проходил мимо, что должно произойти, когда нагрузка заканчивается в loadObject:

function loadObject(obj, mtl, onSuccess) { 
    var loader = new THREE.OBJMTLLoader(); 
    loader.load(obj, mtl, onSuccess); 
} 

var box = loadObject('box.obj', 'box.mtl', function(box) { 
    // 1 
    scene.add(box); 
}); 

// 2 
more code 

Имейте в виду, что с асинхронными методами с обратных вызовов, код под «2» может выполнить до того код под «1».