TypeScript接口中含连字符(-)的键名如何编写？

当TypeScript接口的键名包含连字符（-）这类非合法标识符字符时，必须将键名用单引号或双引号包裹，否则会触发语法错误。

修正后的示例代码 #

export interface Team {
  football: Football;
  "table-tennis": TableTennis; // 用引号包裹带连字符的键名
}

export interface Football {
  goalPost: any;
  ball: any;
}

export interface TableTennis {
  bat: any;
  ball: any;
}

注意事项 #

访问这类带连字符的属性时，不能使用点语法（obj.table-tennis），必须采用方括号语法：

const myTeam: Team = {
  football: { goalPost: null, ball: null },
  "table-tennis": { bat: null, ball: null }
};

// 正确的访问方式
console.log(myTeam["table-tennis"]);

内容的提问来源于stack exchange，提问作者Sayan