将函数参数插值到新的变量声明中

Question

I have a function that will create a new chart to be displayed in HTML. I'd like to call the function with some arguments to be interpolated into the chart's variable declaration like this:

function createChart(category, name) {
    const {category}{name}Chart = new Chart();
}

What is the right way to do this?

Answer 1

Here's one possible solution:

var charts = {};
function createChart(category, name) {
    if (!charts[category]) charts[category] = {};
    charts[category][name] = new Chart();
}

Answer 2

Using the new operator will make this a constructor call which will implicitly return a new object.
this means you can use the this key word to "attach" properties to this new object via parameters you pass as arguments.

Example:

 function Chart(category, name) { this.category = category; this.name = name; } const chart = new Chart('some category', 'John Doe'); console.log(chart);