前端Wiki/JavaScript/基础/初识 JavaScript

console 调试入门

console 是浏览器开发者工具（按 F12 打开）里的控制台，是初学者最重要的调试工具。除了最常见的 console.log，还有几个实用的兄弟方法。

console.warn / console.error：输出警告和错误，带醒目的黄色红色样式；
console.table：把数组或对象渲染成表格，查数据特别直观；
console.time / console.timeEnd：给一段代码计时，排查性能问题；
debugger：语句本身就是一个断点，配合 Sources 面板单步执行。

调试的正确姿势是：先用 log 确认「程序走到了哪里、变量的值是什么」，定位到可疑区域后再用 debugger 单步跟踪，而不是靠肉眼一遍遍读代码。

本节要点log 输出值、table 看结构、time 测耗时、debugger 单步调试；学会看控制台报错信息，是解决 bug 的第一步。

JavaScript

const scores = [
  { name: '小明', score: 85 },
  { name: '小红', score: 92 },
];

console.log('普通输出：', scores.length);
console.warn('这是一条警告：分数低于 90');
console.error('这是一条错误（假装的）');

console.table(scores);      // 表格形式查看数据

console.time('循环耗时');    // 开始计时
let sum = 0;
for (let i = 0; i < 100000; i++) sum += i;
console.timeEnd('循环耗时'); // 结束计时并打印毫秒数

// debugger;  取消注释后，打开控制台会自动停在断点
console.log('求和结果：', sum);

🔗 相关词条浏览器数组表格 JavaScript

📚 推荐阅读

十大经典排序算法万象云档

阮一峰《TypeScript 教程》万象云档

IndexedDB API 3.0万象云档

Socket.IO v4 中文文档万象云档

带你入门前端工程万象云档

来自万象云档的免费在线书籍，点击封面直接阅读