如何在 Javascript 中使用 for 调用动态命名的方法

Question

我有 2 个动态命名的 JavaScript 函数..

function a1(){
   //some codes
}

function a2(){
   //some codes
}

function a3(){
   //some codes
}

上面这些函数肯定是 PHP 生成的..

<?php 
  for($i = 1; $i <= $load_period->count; $i++){ 
?>
  <script type="text/javascript">
  function a<?php echo $i;?>(){
     //javascript functions
  }
  </script>
<?php 
  } 
?>

现在我必须用 for.. 调用这两个函数。

for(var i= 1; i <= 3; i++){
   // here the solution code .. 
   // doesn't work >> a+i+();
}

• 注意 1：它不适用于“a+i+();” .
• 注意 2：我不想使用“EVAL”语法

感谢任何解决方案..

Answer 1

如果函数是全局可访问的，你可以编写

window['a'+i]()

否则，您可以重写代码以将所有函数添加到一个变量：

var f = {
    a1: function() { },
    a2: function() { },
    a3: function() { }
};

...并致电f['a'+i]()。

如果你要重写，因为所有函数都由索引命名，你不妨这样写：

var myFunctions = [
  function() { },
  function() { },
  function() { }
];

...并致电myFunctions[i]()。 （当然，正如 Felix Kling 在 cmets 中指出的那样，这里的 i 必须调整为从 0 开始）。

Answer 2

如果它们是全局函数，你可以这样做：

window['a' + i]()

否则，您必须使用eval（坦率地说，这是eval 的完美用例，因为没有其他方法）：

eval('a' + i)()

JavaScript 不为您提供通过对象访问当前作用域中的变量的权限（Python 使用 locals() 和 globals() 执行此操作），因此如果您无法重写该代码，eval 是您唯一的选择。

Answer 3

如果方法在全局范围内，则

for(var i= 1; i <= 3; i++){
    window['a' + i]()
}