从用户那里获取两个输入并使用回调函数添加它们 - TypeScript

在 TypeScript 中，获取用户输入并使用回调函数实现两个数的相加，可以使用浏览器内置的 Window.prompt() 方法。该方法会在浏览器中弹出一个对话框，让用户输入值。

代码实现

function getUserInput(callback: (num1: number, num2: number) => void) {
  const num1 = parseInt(window.prompt("请输入第一个数字："));
  const num2 = parseInt(window.prompt("请输入第二个数字："));

  if (isNaN(num1) || isNaN(num2)) {
    console.error("输入的不是数字，请重新输入");
    return;
  }

  callback(num1, num2);
}

getUserInput((num1, num2) => {
  const sum = num1 + num2;
  console.log(`两数相加的结果为：${sum}`);
});

代码解析

上述代码定义了一个名为 getUserInput 的函数，该函数需要传入一个回调函数作为参数。回调函数的参数类型为两个数字，返回值为 void。

在 getUserInput 函数中，使用了 Window.prompt() 方法获取用户输入的两个数字。如果输入的不是数字，会输出错误信息并直接退出函数。

如果输入的都是数字，会调用传入的回调函数，并将两个数字作为参数传递过去。回调函数中实现了两个数字的相加，并输出结果。

总结

通过使用 Window.prompt() 方法获取用户输入，再通过回调函数将输入的数字传递到外部作进一步处理，可以实现更加灵活的逻辑控制。在 TypeScript 中，通过定义回调函数的参数类型和返回值类型，可以更加规范地实现代码逻辑。