让知识连接你我
投稿赚钱
当前位置: 首页 > 前端开发 > 使用 console 进行 JS调试的10 个技巧,开发人员必懂
  • 101
  • 微信分享

    扫一扫,在手机上查看

使用 console 进行 JS调试的10 个技巧,开发人员必懂

2019.09.19 10:00 217 浏览 举报

  首要, 我需要认可这一点, 我将运用这个网站从我的运行环境中清理出骨架( 轮廓)。

  突然之间, 我所做的“ 魔法”( 有的人称作“ 编码”), 并不是像我的同事在为许多人表现这些宏伟结论情况下见到的那般极致。

  是的, 我说过: 突然之间, 我能应用老式的试错法, 大家都称作” 调节”: ) 在过去的十年中, 我喜爱的一件事之一是网页开发( 非常是 JavaScript)。

  做为一名“ 工匠”, 我喜欢自学市面上的新专用工具。

  在这个小故事中, 我将给大家一些挺不错的、 更技术专业的方式 , 去应用功能强大又“ 古老” 的 console。

  是的, 不得不承认它的基本使用说明:console.log(‘Hello World!’); // log a message or an object to console console.info(‘Something happened…’); // same as console log console.warn(‘Something strange happened…’); // same as console log but outputs a warning console.error(‘Something horrible happened…’); // same as console log but outputs an error 1 2 3 4 console . log ( ‘ Hello World ! ’ ) ; // log a message or an object to console console . info ( ‘ Something happened …’ ) ; // same as console log console . warn ( ‘ Something strange happened …’ ) ; // same as console log but outputs a warning console . error ( ‘ Something horrible happened …’ ) ; // same as console log but outputs an error 因此,我期待如今我能够给大家一些过去不清楚的方式 ,及其这些能够让你们变成一个更技术专业的调节人员的玩法。

  Tip #1 console.trace()假如您想获得日志信息的显示位置,可根据应用 console.trace() 来获得具有记录数据的堆栈追踪。

  Tip # 2 console.time() && console.timeEnd() 假如您尝试找寻一个较为隐匿的特性现象, 请应用 console.time() 开始计算时间, 随后应用 console.timeEnd() 进行打印。

  Tip #3 console.memory假如你的特性现象越来越棘手,随后你将要找寻一个隐匿的内存泄漏,你将会想尝试并运用 console.memory (是属性,并非函数)来检验你的堆大小状况。

  Tip # 4 console.profile(‘profileName’) & console.profileEnd(‘profileName’) 这并非规范的方式 , 但获得了普遍的支持。

  你能够应用 console.profile(‘profileName’), 随后应用 console.profileEnd(‘profileName’), 从代码中启动和完毕浏览器特性专用工具–“ performance profile”。

  这将协助您准确地分析您要想的具体内容, 并预防了您单击鼠标, 它依赖于代码运行时间。

  Tip #5 console.count(“STUFF I COUNT”)在函数或代码不断出现的状况下,您能够应用 console.count(‘?’) 来计算您的代码被读取的次数。

  if –

  else 包装你的日志: ) 您可以使用 console.assert(condition, msg) 在 condition 为假时记录某些内容。

  免责声明: 在 node.js中, 这将抛出 Assertion Error! Tip #7 console.group(‘group’) & console.groupEnd(‘group’)写了这么多的日志之后,你可能想对它们进行组织。

  一个小而有用的工具是 console.group() 和 console.groupEnd() 。

  使用控制台组,将控制台日志组织在一起,每个分组在层次结构中创建另一个级别。

  调用 groupEnd() 减少一个级别(回到上一个层级)。

  Tip # 8 String substitutions记录日志时, 可以使用字符串替换合并变量。

  这些引用是(% s = string,% i = integer,% o = object,% f = float)。

  Tip #9 console.clear()那么,写了这么多的日志,现在是时候清理一下你的控制台了。

  Tip # 10 console.table() 在我看来, 这是一个真正的“ 瑰宝”! 你可以使用 console.table() 打印一个非常漂亮的表格! 我真的希望这些技巧能让大家的调试更有效率, 甚至更有乐趣!


本文首次发布于开创者素材 ,转载请注明出处,谢谢合作!

相关文章推荐