javascript - 在函数中使用参数调用变量

Question

我在函数外部定义了一个变量，我需要能够根据随函数调用的参数调用该变量。

HTML

<button id="Area300" style="left:755px;" onclick="a('normal', 'Area300')"></button>

JavaScript

var Area300_Data = "somedata"
function a(data, data1) {
  if (data=='extra') {
    //do something
  } else if (data=='normal') {
    console.log(data1+_Data)
    //Should display "somedata"
  }
}

如何将 data1 的参数组合到 _Data 以获得(在本例中)Area300_Data？

Answer 1

除非您使用 eval，否则这可能不起作用。 其次 _Data 将充当变量，除非您将其添加为字符串。所以要么把它放在引号内，要么使用模板文字

var Area300_Data = "somedata"

function a(data, data1) {
  if (data == 'extra') {
    //do something
  } else if (data == 'normal') {
    console.log(eval(`${data1}_Data`))
    //Should display "somedata"
  }
}

<button id="Area300" style="left:755px;" onclick="a('normal', 'Area300')" type='button'>Click</button>