是否可以加载脚本文件以在另一个函数的中间运行

Question

如果我知道当某个条件成立时，我需要运行不同的脚本，是否可以将脚本动态加载到我正在运行的函数中？

$("#container").on("click", "#submit", function(){
    var prodID = $("#productSelect").find(".selected_option").data("product_id");

    //somehow load a script like "validation_" + prodId;

});

或者我应该手动将所有代码放入单个函数

$("#container").on("click", "#submit", function(){
    var prodID = $("#productSelect").find(".selected_option").data("product_id");

    switch (prodID){
       case 1:
       //code for prodID 1
       break;

       case 2:
       //code for prodID 2
       break;

       case 3:
       //code for prodID 3
       break;

    }

});

这只是为了让事情看起来更清洁。我不知道这是不是一个好主意。感谢。

Answer 1

我建议你去

$("#container").on("click", "#submit", function(){
  var prodID = $("#productSelect").find(".selected_option").data("product_id");

  switch (prodID){
   case 1:
   functionForCase1();
   break;

   case 2:
   functionForCase2();
   break;

   case 3:
   functionForCase3();
   break;

  }
});

function functionForCase1(){
   //code for prodID 1
}

function functionForCase2(){
   //code for prodID 2
}

function functionForCase1(){
   //code for prodID 3
}