如何定义带有“px”后缀的自定义类型

Question

我知道如何定义Position类型类：

class Position {
  x: number = 0;
  y: number = 0;
}

但现在我需要并且x值y是一个带有后缀的整数，px例如：

const position = {
  x: '1px',
  y: '2px'
}

如何在 TypeScript 中定义这样的类型？

Answer 1

您可以尝试使用这种方法：

type HeightUnit = '%' | 'px' | 'em' | 'vh';
type HeightProp = `${number}${HeightUnit}`

和结果：

myHeight: HeightProp;
myHeight = '10px'  --- ok
myHeight = '10'  --- compilation error

有关详细信息，请参阅模板文字类型