ThreeJS：如何为ColladaLoader回调函数添加自定义参数

当然可行啦！给onModelLoadingCompleted添加自定义参数完全没问题，核心思路就是让回调函数能拿到你想要的额外参数，下面给你两种常用的实现方式，都是很容易上手的：

方法一：利用闭包传递自定义参数 #

闭包是最直观的方式，你可以在loader.load的回调里直接调用你的自定义函数，并传入额外参数，示例代码如下：

// 先定义你要传递的自定义参数，比如模型ID、自定义配置这些
const myCustomParams = {
  modelId: "living-room-sofa",
  setupConfig: {
    scale: 1.5,
    position: new THREE.Vector3(2, 0, -3)
  }
};

// 创建ColladaLoader实例
const loader = new THREE.ColladaLoader();

loader.load(
  "./models/sofa.dae",
  // 加载成功的回调里，调用你的目标函数并传入自定义参数
  (collada) => {
    onModelLoadingCompleted(collada, myCustomParams);
  },
  // 可选：加载进度回调
  (progress) => {
    console.log(`加载进度：${Math.floor(progress.loaded / progress.total * 100)}%`);
  },
  // 可选：加载错误回调
  (error) => {
    console.error("模型加载失败：", error);
  }
);

// 你的自定义函数，现在可以接收模型数据和自定义参数了
function onModelLoadingCompleted(collada, customParams) {
  console.log(`模型 ${customParams.modelId} 加载完成！`);
  // 用自定义配置处理模型
  collada.scene.scale.set(
    customParams.setupConfig.scale,
    customParams.setupConfig.scale,
    customParams.setupConfig.scale
  );
  collada.scene.position.copy(customParams.setupConfig.position);
  scene.add(collada.scene);
}

方法二：使用bind绑定额外参数 #

如果你觉得闭包的写法有点繁琐，也可以用Function.prototype.bind()来给回调函数绑定预设参数，示例如下：

// 定义要传递的自定义参数
const modelLabel = "game-character";
const materialConfig = { specular: 0xffffff, shininess: 30 };

const loader = new THREE.ColladaLoader();

// 使用bind绑定额外参数，注意bind的参数会排在loader返回的collada数据前面
loader.load(
  "./models/character.dae",
  onModelLoadingCompleted.bind(null, modelLabel, materialConfig),
  (progress) => {},
  (error) => {}
);

// 函数参数顺序要和bind的顺序对应：先自定义参数，再loader返回的模型数据
function onModelLoadingCompleted(modelLabel, materialConfig, collada) {
  console.log(`加载完成的模型：${modelLabel}`);
  // 用自定义配置修改模型材质
  collada.scene.traverse((child) => {
    if (child.isMesh) {
      child.material.specular.set(materialConfig.specular);
      child.material.shininess = materialConfig.shininess;
    }
  });
  scene.add(collada.scene);
}

两种方法的小区别 #

• 闭包方式更灵活，适合参数较多或者需要动态生成参数的场景；
• bind方式写法更简洁，适合参数固定的情况。

内容的提问来源于stack exchange，提问作者d4rty