无法检查变量是否在打字稿中未定义

Question

我正在尝试解决编译器错误“对象可能是'未定义'”

const destinationColumnIndex = (): number => {
  if (typeof result.destination === 'undefined') {
    return 0;
  }
  return boardData.findIndex(
    (column) => column.id === Number(result.destination.droppableId)
  );
};

但是打字稿编译器仍然告诉我“result.destination”可能是未定义的。

我也试过了：

  if (result.destination === undefined) {
    return 0;
  }

和：

  if (!result.destination) {
    return 0;
  }

和：

   if (!result || typeof result.destination === 'undefined') {
    return 0;
  }

没有任何效果。甚至认为这可能是一些错误，所以我重新启动了 VS Code，但仍然存在相同的错误。

编辑 - 更多代码：

  const onDragEnd = async (result: DropResult) => {
if (!result.destination) {
  return;
}

const sourceColumnIndex = (): number =>
  boardData.findIndex(
    (column) => column.id === Number(result.source.droppableId)
  );

const destinationColumnIndex = (): number => {
  if (typeof result === 'undefined' || result.destination === undefined) {
    return 0;
  }
  return boardData.findIndex(
    (column) => column.id === Number(result.destination.droppableId)
  );
};

react 组件内部的函数

Answer 1

你应该这样做：

  if (result === undefined || result?.destination === undefined) {
    return 0;
  }

检查typeof 不是检查未定义的好方法。

或

  if (!result || result?.destination === undefined) {
    return 0;
  }

更新

试试这个：

const onDragEnd = (result: DropResult) => {
  if (!result || !result.destination) {
    return;
  }

  const sourceColumnIndex = (): number =>
    boardData.findIndex(
      (column) => column.id === Number(result.source?.droppableId)
    );

  const destinationColumnIndex = (): number => {
    if (!result || !result.destination) {
      return 0;
    }
    return boardData.findIndex(
      (column) => column.id === Number(result.destination?.droppableId)
    );
  };
}