在Chrome DevTools中调试JavaScript的实现(3)

如果想要在调用特定函数时暂停,可以调用 debug(functionName),其中 functionName 是要调试的函数。 您可以将 debug() 插入您的代码(如 console.log() 语句),也可以从 DevTools 控制台中进行调用。 debug() 相当于在第一行函数中设置代码行断点。

function sum(a, b) { let result = a + b; // DevTools 会在此行暂停 return result; } debug(sum); // 传递函数对象,而不是字符串。 sum();

如果想要调试的函数不在范围内,DevTools 会引发 ReferenceError。

(function () { function hey() { console.log('hey'); } function yo() { console.log('yo'); } debug(yo); // 这行可以成功调用 yo(); })(); debug(hey); // 这一行不能成功调用 hey() 不在作用域内

如果是从 DevTools 控制台中调用 debug(),则很难确保目标函数在范围内。所以一般还不如直接使用代码行断点!

到此这篇关于在Chrome DevTools中调试JavaScript的实现的文章就介绍到这了,更多相关Chrome DevTools调试JavaScript内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/61ef33796a147b1a9411cb200da4baef.html