跳到主要内容

类别

  • alert 语句
  • write 语句
  • 抛出自定义异常消息进行调试
  • 控制台输出 console.log("");

与用户交互​

  • alert() 用 alert() 向用户弹出一个信息对话框，但这种模态对话框只是显示一些消息和一个 " OK " 按钮。术语 " 模态 " （ modal ）意味着脚本暂时停止运行，页面与用户的交互也被暂停，直到用户关闭对话框为止。 alert() 没有返回值

  • confirm() ， confirm() 对话框为用户提供了一个选择，可以单击 " OK " 或 " Cancel " 按钮，而不只是一个 " OK " 按钮，根据哪个按钮被单击， confirm() 方法会返回不同的值。单击 " OK " 按钮返回布尔值 " 真 " ，单击 " Cancel " 按钮返回布尔值 " 假 "

  • prompt() 它允许用户输入信息

  • 如果用户输入了信息，然后单击 " OK " 按钮或按回车键，返回值就是用户输入的字符串

  • 如果用户没有在对话框里输入信息就单击 " OK " 按钮或按回车键，返回值是调用 prompt() 方法设置的第 2 个可选参数的值（如果有的话）

  • 如果用户简单关闭了这个对话框（也就是单击 " Cancel " 按钮或按 Esc 键），返回值就是 null

  • 性能检测

大型的项目对性能的要求是很严格的，尤其是面对移动终端设备时。在调试工具中， Profile 可以精确地检测程序的性能。写法很简单，只要在想统计的代码外层添加 profile 代码即可，如下：

console.profile();
// 要统计的代码
// ……
console.profileEnd();

当浏览器遇到 profileEnd() 时，就会将统计结果生成报表显示出来，或者在浏览器中使用 Profile 的 record 特性查看。

使用控制台函数 console.time() 与 console.timeEnd() ，也可以实现同样的效果，当执行到 console.timeEnd() 时，后台把程序的执行时间（以毫秒为单位）发送到控制台，使用控制台的 API ，将结果加入到测试代码中，就可以在整体上把控代码的性能，如下：

console.time('times');
// 代码段略
console.timeEnd('timesEnd');