TypeScript中state对象属性类型指定报错，如何正确定义？

你遇到的问题核心是混淆了TypeScript的类型标识符和JavaScript的实际值：number是TypeScript用来描述类型的关键字，不是一个可以直接赋值的具体值；而Array<any>()是调用数组构造函数生成的一个实际数组实例（属于值），所以x属性没问题，但y属性直接写number就会报错。

下面给你几种正确的写法，按需选择：

1. 让TypeScript自动推断类型（最简单） #

直接给y赋值一个符合number类型的具体值，TypeScript会自动推断它的类型为number：

state = {
  x: [], // 等价于Array<any>()，更简洁，自动推断类型为any[]
  y: 0 // 赋值数字0，自动推断类型为number
};

2. 显式给单个属性加类型注解 #

如果需要明确指定类型（比如类型推断不符合预期时），可以用as 类型或者给整个对象定义接口约束：

// 方式A：用类型断言明确指定
state = {
  x: [] as any[],
  y: 0 as number
};

// 方式B：定义接口约束整个state，更规范
interface State {
  x: any[];
  y: number;
}

state: State = {
  x: [],
  y: 0
};

为什么原来的写法错误？ #

再理清楚逻辑：number、string这些是TypeScript的类型注解，只用来告诉TS某个值的类型规则，本身不是JavaScript能识别的可执行值。你必须给y属性赋值一个具体的数字（比如0、10、3.14），才能符合number类型的要求——就像x属性需要赋值一个数组实例（不管是空数组还是有元素的数组）一样。

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