javascript - 在来自不同 .JS 文件的函数中引用数组

Question

所以我发现自己处于尴尬的境地，我在 main.js 中有一个函数，它需要一个在 secondary.js 中填充的数组...

简单地说，main.js 中的函数旨在可重用:

function chug()
{
    p1.innerHTML = st_a[0];
    p2.innerHTML = st_a[1];
    ...
}

现在，'st_a' 应该解析为: st_ + ，在本例中该变量是 'a'。第二个.js 文件的想法将具有多个数组(st_a、st_b 等)，并且根据需要，相关数组将用于填充段落元素(p1、p2 等)

有什么想法吗？

Answer 1

如果 st_[x] 是全局变量，则可以使用 window['st_a'] 来引用它。所以，你应该能够使用类似的东西:

function chug()
{
    var arrid = 'st_'+'a';
    p1.innerHTML = window[arrid][0];
    p2.innerHTML = window[arrid][1];
    //...
}

或者使用函数来检索数组:

function getArr(id){
  return window['st_'+id];
}

或者，您可以在 second.js 中使用带有“get”方法的容器对象，例如:

var myArrays = {
  st_a: [],
  st_b: [],
  st_c: [],
  get: function(id){
    return this['st_'+id];
  }
  /* etc */
}

现在 chug 可能看起来像:

function chug()
{
    var arr = myArray.get('a');
    p1.innerHTML = arr[0];
    p2.innerHTML = arr[1];
    //...
}