buddywang / blog

0 stars 0 forks source link

调试 JS #5

Open buddywang opened 4 years ago

buddywang commented 4 years ago

调试的几种方法

1. console 常用方法 👍

log

向控制台输出一条信息

time & timeEnd

启动一个计时器(timer)来跟踪某一个操作的占用时长

console.time('getData')
.... // getData
console.timeEnd('getData')

// getData: 0.5546875 ms

assert

它第一个参数接受一个断言(声明), 第二个参数是一个 message。如果断言为 false,则将 message 写入控制台。如果断言是 true,则忽略

......
console.assert(num===2, 'num should be 3')

// 如果 num 不等于 2,则控制台输出错误
// Assertion failed: num should be 3

2. Chrome Dev tool/source 👍

关于 Chrome 调试面板 source 的使用

3. VS Code + Debugger for Chrome