Question

我创建了一个对象，其中包含多个对象的名称以及与创建新对象（在本例中为图表）相关的功能的名称。

var oCharts = [{
    nchart: "chart1",
    fchart: "makeChart1"
  },
  {
    nchart: "chart2",
    fchart: "makeChart2"
  },
  {
    nchart: "chart3",
    fchart: "makeChart3"
  }
]

“ nchart”是代表要销毁图表的变量。 “ fchart”是代表创建新图表的函数的变量。

如果我像这样手动操作，它将起作用

if(typeof chart1 != undefined ){
  chart1.destroy();
  makeChart1();         
}

如果我遍历oCharts，则无法正常工作。我得到“对象不支持属性或方法'destroy'”，当然，它运行得不够远，无法运行makeChart（）。（我什至不确定我是否正确打了电话。）

$(oCharts).each(function(i,v){
  var myChart = [this.nchart];
  var makeChart = this.fchart;

  if(typeof myChart != undefined ){
    myChart.destroy();
    makeChart();            
  }
});

制作图表的功能很简单...

function makeChart1(){
 // do stuff
}

function makeChart2(){
 // do other stuff
}

function makeChart3(){
 // do different stuff
}

有人可以告诉我我做错了什么吗？非常感谢！

Answer 1

需要注意的两件事：

1）您要查找的关键字不是destroy，而是delete。它不是函数，而是这样使用的运算符：

let a = {b: 3, c: 4};
delete a.b;
console.log(a);

2）不必使用delete，因为您将在nchart中覆盖makeChart1。

这里有一些编辑可以帮助您入门：

let makeChart1 = () => {
  // do stuff
  return 1;
};

let makeChart2 = () => {
  // do stuff
  return 2;
};

let makeChart3 = () => {
  // do stuff
  return 3;
};

let oCharts = [{
  nchart: "chart1",
  fchart: makeChart1
}, {
  nchart: "chart2",
  fchart: makeChart2
}, {
  nchart: "chart3",
  fchart: makeChart3
}];

oCharts.forEach(chart =>
    chart.nchart = chart.fchart());

console.log(oCharts);

Answer 2

我敢肯定，这可以通过一种更聪明的方式来完成，但这应该可以在您的示例中起作用：我假设chart1，chart2，chart3是已经创建为ON DUPLICATE KEY

的图表实例

var chart1 = new Chart(ctx, config)

更新以动态使用：检查一下（How do I call a dynamically-named method in Javascript?）

$(oCharts).each(function(i,v){
  var myChart = this.nchart;
  var makeChart = this.fchart;

  if( myChart == "chart1" ){
    chart1.destroy();
    makeChart1();
  }
  if( myChart == "chart2" ){
    chart2.destroy();
    makeChart2();
  }
  if( myChart == "chart3" ){
    chart3.destroy();
    makeChart3();
  }
  }
);

希望获得帮助。

Answer 3

var chart1 = {destroy:function(){console.log('chart1')}}
var chart2 = {destroy:function(){console.log('chart2')}}
var chart3 = {destroy:function(){console.log('chart3')}}
function makeChart1(){
console.log('make chart 1');
}

function makeChart2(){
 // do other stuff
  console.log('make chart 2');
}

function makeChart3(){
 // do different stuff
  console.log('make chart 3');
}

var oCharts = [{
    nchart: chart1,
    fchart: makeChart1
  },
  {
    nchart: chart2,
    fchart: makeChart2
  },
  {
    nchart: chart3,
    fchart: makeChart3
  }
]
$(oCharts).each(function(i,v){

  var myChart = this.nchart;
  var makeChart = this.fchart;

  if(typeof myChart != undefined ){
    myChart.destroy();
    makeChart();            
  }
});

在JavaScript中传递对象和函数名称

3 个答案: