JavaScript 之 confirm, alert, prompt 的使用

JavaScript 中的 confirm、alert 和 prompt 函数都是用于在浏览器中显示对话框的，这些对话框可以向用户询问信息或显示某些信息。下面将分别介绍这三个函数的基本使用方法、功能和优缺点。

1. confirm 函数
   confirm 函数用于显示一个带有确定和取消按钮的对话框，当用户点击确定按钮时，该函数返回 true，点击取消按钮时返回 false。
   示例代码：

   let isConfirmed = confirm('确认要继续吗？');
   if (isConfirmed) {
   // 用户点击了确定按钮
   console.log('用户确认了操作');
   } else {
   // 用户点击了取消按钮
   console.log('用户取消了操作');
   }

2. alert 函数
   alert 函数用于显示一个带有确定按钮的对话框，当用户点击确定按钮时，该函数返回 undefined。alert 函数通常用于向用户显示警告或错误信息。
   示例代码：

   let userResponse = alert('警告：数据即将被清空！'); // 显示警告信息
   console.log(userResponse); // 输出 undefined，因为只有一个确定按钮，没有返回值

3. prompt 函数
   prompt 函数用于显示一个带有文本输入框和确定、取消按钮的对话框，当用户点击确定按钮时，该函数返回文本输入框中的值，点击取消按钮时返回 null。
   示例代码：

   let userInput = prompt('请输入内容：', '默认内容'); // 显示带有输入框和确定、取消按钮的对话框
   if (userInput !== null) {
   // 用户点击了确定按钮
   console.log('用户输入了：' + userInput);
   } else {
   // 用户点击了取消按钮
   console.log('用户取消了输入');
   }

   总结：confirm、alert 和 prompt 这三个函数在网页开发中非常常用，它们可以帮助实现与用户的简单交互。但需要注意的是，这些对话框会打断用户的浏览体验，过度使用可能会对用户体验产生负面影响。因此，在使用这些函数时应该谨慎考虑，尽量减少对用户的干扰。同时，也可以考虑使用更现代的 UI 组件或框架来实现与用户的交互，以提高用户体验和网站的整体质量。