ts 类型使用？

Question

addPopup 方法 传入值我希望限制为 AddDisplayItem （提示 使用者对象的zIndex不能自定义），但我后续操作都是将它看作 DisplayItem 类型；这要怎么做呢？

Answer 1

如果你能确保传入类型为 DisplayItem，那么可以简单的使用 as 类型断言即可，示例如下：

function func(data: AddDisplayItem) {
  if ("zIndex" in data) {
    const it = data as DisplayItem;
    // 现在可以安全的访问 it.zIndex 了
  }
}

或者可以使用类型保护更优雅一点，示例如下：

function isDisplayItem(data: AddDisplayItem): data is DisplayItem {
  return "zIndex" in data;
}

function func(data: AddDisplayItem) {
  if (isDisplayItem(data)) {
    // 现在可以安全的访问 data.zIndex 了
  }
}

Answer 2