使用静态方法 fillIn 实现一个名为 TableTemplate 的 JavaScript 类

TableTemplate是一个JavaScript类，主要用于生成表格数据填充。通过静态方法`fillIn`，我们可以创建一个模板，并动态地将数据插入到这个模板中，以生成实际的HTML表格。以下是关于如何定义这样的类的一个简单示例：

class TableTemplate {
  // 定义静态方法 fillIn
  static fillIn(template, data) {
    let tableHtml = template.replace(/{{(\w+)}}/g, function (_, key) {
      return data[key];
    });
    return tableHtml;
  }

  // 构造函数通常不会包含在这个静态方法中，但如果需要实例化的属性可以放在这里
  constructor(options) {
    this.options = options;
  }
}

// 使用示例
const header = '<table><thead><tr>{{headerRow}}</tr></thead>';
const rowTemplate = '<tr><td>{{cell}}</td></tr>';

let tableData = {
  headerRow: ['Name', 'Age'],
  cells: [['Alice', 25], ['Bob', 30]]
};

let filledTable = TableTemplate.fillIn(header, tableData);
document.body.innerHTML += filledTable;

在这个例子中，`fillIn`方法接收两个参数：一个是字符串模板（如HTML片段），另一个是要填入的数据对象。它会查找模板中的占位符（如`{{key}}`），然后替换为对应的数据值。