Requirejs需要在define()中加载不同的js文件

Requirejs load different js file inside define()

本文关键字：加载 文件 js define Requirejs      更新时间：2023-09-26

我的网页有不同的js组件，处理不同的业务逻辑。我使用RequireJS来管理依赖关系。我想动态加载所需的组件。

例如:

define(['something'],function(something){
    var processor;
    if(userRole === "student"){
        //I want to dynamically load studentProcessor.js here;
    }
    else if(userRole === "teacher"){
        //I want to dynamically load teacherProcessor.js here;
    }     
    processor.process();
});

如果有人能告诉我最好的处理方法是什么，我将不胜感激。

我认为处理这个问题的最干净的方法是从用户角色到处理器的某种映射。然后，在您的函数中，您仍然需要检查是否设置了userRole，并定义了角色的处理器。

// This is where processors are associated to user roles.
var roleToProcessorMapping =
{
  student: './studentProcessor.js',
  teacher: './teacherProcessor.js'
};
define(['something'],function(something){
    if(userRole){
      var processorPath = roleToProcessorMapping[userRole];
      if(processorPath){
        require([processorPath], function(processor){
          processor.process();
        });
        return;
      }
    }
    // handle error
});
相关文章：