Javascript 如何访问函数外部的变量？

我有一个选择菜单、一个对象和一个函数，它将

selectedValue

作为对象数组返回给我。如何访问函数外部的

chooseArray

我试图将

choosenArray

声明为全局变量，但它不起作用。 它只适用于

“car1”

，因为它首先被选中。有什么建议吗

HTML:

car1
赛车总动员2
car3
car4

Javascript:

<script>
  var carData = {
  "car1": [1, 5, 6, 7],
  "car2": [4, 6, 8, 3],
  "car3": [6, 7, 3, 4],
  "car4": [3, 7, 2, 1]
};

var choosenArray;
function getSelectValue() {
  selectedValue = document.getElementById("list").value;
  console.log(selectedValue);
  choosenArray = carData[selectedValue];
  console.log(choosenArray);
 return choosenArray;
}

var valueOfchoosenArray = getSelectValue(); //does not work for car2, car3, car4
console.log(valueOfchoosenArray); //does not work for car2, car3, car4
</script>
 

var carData={
“car1”：[1,5,6,7]，
“car2”：[4,6,8,3]，
“car3”：[6,7,3,4]，
“car4”：[3,7,2,1]
};
变量选择数组；
函数getSelectValue（）{
selectedValue=document.getElementById（“列表”）.value；
console.log（selectedValue）；
选择数组=carData[selectedValue]；
log（选择数组）；
返回choosenArray；
}
var valueOfchoosenArray=getSelectValue（）//不适用于car2、car3、car4
console.log（选择数组的值）//不适用于car2、car3、car4

在中更改您的选择

<select id="list" onchange="useSelectValue()">

<select id="list" onchange="useSelectValue()">

var valueOfchoosenArray;
function useSelectValue() {
valueOfchoosenArray = getSelectValue();
console.log(valueOfchoosenArray);
//Do stuff
}
//You can use the value of valueOfchoosenArray here but code 
write here is not is executed when you change the select value