javascript - 将一个函数的值存储到另一个函数并从中获取值

Question

我有一个 html 页面，我正在从 html 页面调用 javascript 函数，并且该脚本位于单独的文件中

HTML

<a href="javascript:void(0);" id="btn1" onclick="ButtonClick();">Click Me</a>
<script src="Externalscript.js"></script>
<script>
    Initialize('1,2,3,4');
</script>

JavaScript

var myList;  //global variable
function Initialize(ids) {
myList = new Array();
var idList = ids.split(',');
for (i = 0; i < idList.length; i++) {
    myList.push(idList[i]);
}

我将 ids 值存储在 myList 中，现在我想在单击按钮时检索 myList

 function ButtonClick() {
    alert(myList);
}

现在，当我尝试提醒 myList 时，它给出了未定义。

如何将值存储在全局变量中并在其他函数中检索

Answer 1

返回函数的值，而不是更新global-variable并访问它

function ButtonClick() {
  var returned = Initialize('1,2,3,4');
  console.log(returned);
}

function Initialize(ids) {
  var myList = new Array();
  var idList = ids.split(',');
  for (i = 0; i < idList.length; i++) {
    myList.push(idList[i]);
  }
  return myList;
}

<a href="javascript:void(0);" id="btn1" onclick="ButtonClick();">Click Me</a>

编辑:将结果存储在全局变量

中

var returned = Initialize('1,2,3,4');

function ButtonClick() {
  console.log(returned);
}

function Initialize(ids) {
  var myList = new Array();
  var idList = ids.split(',');
  for (i = 0; i < idList.length; i++) {
    myList.push(idList[i]);
  }
  return myList;
}

<a href="javascript:void(0);" id="btn1" onclick="ButtonClick();">Click Me</a>