实例化的 object 找不到在 typescript 中的 function 中定义的方法

Question

我在TypeScript中定义了一个class Chalk，在function中定义了一些方法，像这样：

class Chalk{

   public init(): void {

     for (let color of ['black', 'blue', 'cyan', 'gray', 'green', 'magenta', 'red', 'white', 'yellow']) {
       
          this[color] = () => {consol.log(color)}
         }
     }
};

chalk = new Chalk();

但是当我尝试执行时，我无法从 Chalk 的实例化 object 访问它们：

chalk.red();

编辑告诉我粉笔没有“红色”属性，那么我应该怎么做才能获得访问权限？

Answer 1

更好的方法是拥有Colorful接口并让Chalk实现它：

interface Colorful {
  colors: { [key: string]: () => void }
}

class Chalk implements Colorful {
  colors: { [key: string]: () => void }={};
  constructor() {
    for (let color of ['black', 'blue', 'cyan', 'gray', 'green', 'magenta', 'red', 'white', 'yellow']) {
      this.colors[color] = () => { console.log(color) }
    }
  }
};

let chalk = new Chalk();
chalk.colors.green();

这是游乐场的链接