做出选择的 JavaScript 函数 - JavaScript

在开发中，经常需要让用户做出选择。在 JavaScript 中，我们可以使用函数来实现这一功能。本文将介绍如何实现一个简单的选择函数并提供一些使用案例。

实现一个选择函数

function promptUser(message) {
  var response = window.prompt(message);
  return response;
}

以上是一个简单的选择函数，它使用了 window.prompt()，它会打开一个提示框，让用户输入内容并返回用户输入的值。

例如，我们可以调用该函数并传入提示信息作为参数：

var age = promptUser("请输入您的年龄：");
console.log("您输入的年龄是：" + age);

函数会打开一个提示框让用户输入年龄，然后将输入的值存储在 age 变量中，并将其输出到控制台。

案例：选择一个颜色

假设我们要让用户选择一个颜色，我们可以使用带有选项的提示框来实现。以下是一个实现方法：

function chooseColor() {
  var message = "请选择一个颜色：";
  var colors = ["红色", "绿色", "蓝色"];
  var response = window.prompt(message, colors[0]);
  
  while (!colors.includes(response)) {
    response = window.prompt(message, colors[0]);
  }
  
  return response;
}

window.prompt() 方法的第二个参数可以指定默认值，该函数将默认值设置为颜色数组的第一个元素，即红色。

然后，我们使用 while 循环来验证用户输入的是否是颜色数组中的某个颜色，如果不是，将提示框再次打开并提示用户输入正确的颜色。

以下是如何调用该函数并在控制台上输出所选的颜色：

var color = chooseColor();
console.log("您选择的颜色是：" + color);

案例：确认操作

在某些情况下，我们需要让用户确认操作。例如，当用户要删除某个项目时，我们可能会询问：“您确定要删除吗？”。

以下是一个简单的实现方式：

function confirmAction() {
  var message = "您确定要执行此操作吗？";
  var response = window.confirm(message);
  return response;
}

该函数使用 window.confirm() 来创建一个确认框，让用户选择是或否。

以下是如何调用该函数，并根据用户的选择输出不同的消息：

var confirmed = confirmAction();
if (confirmed) {
  console.log("您已确认执行此操作。");
} else {
  console.log("您已取消执行此操作。");
}

结论

通过以上案例，您应该已经掌握了如何实现一个简单的选择函数，并了解了如何根据用户的选择执行不同的操作。在实际开发中，您可以根据需要扩展和改进这些示例，以更好地满足项目需求。