无法调用JavaScript函数

Question

这是我的JavaScript代码：

var chart = {
  generateChartData: function() {
     return "hello"
  },
  chartData: generateChartData()
}

以上引发错误Uncaught ReferenceError: generateChartData is not defined。

Answer 1

你有两个问题。

1. 您没有在任何范围内创建名为generateChartData的变量。
2. 对象构建完成后，您将创建chart.generateChartData ...但在您尝试调用该函数时不会存在。

Answer 2

您可以为chartData属性创建getter，在里面可以调用generateChartData()方法并获取其值。

var chart = {
  generateChartData: function() {
    return "hello"
  },
  get chartData() {
    return this.generateChartData()
  }
}

console.log(chart.chartData)