zoukankan      html  css  js  c++  java
  • console / debugger / alter

    console / debugger / alter

      都是代码调试工具,目前最常用的是console,最好用的应该是debugger。

    三者的效果都不一样:

      console 可以在开发者面板(调试窗口 / 控制台)输出内容。

      alter 会阻断代码,并在浏览器的正上方输出内容。

      debugger 会阻断代码,并在开发者面板中的 source 标签看到代码的执行顺序,和每一步的变化。

    建议每个开发者都要熟悉 debugger 的使用。

    console 其实不仅仅只会 .log() ,接下来说说,console这个对象,还有哪些方法:

    一. console.log()、console.info()、console.debug()

      使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而以,可以理解为它们三个其实就是同一个,只不过名字不一样。其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标(蓝色叹号,亲测谷歌浏览器,没能输出图标),而且谷歌浏览器和opera不支持console.debug()。

    二. warn()和error()

      console.warn() 输出的内容前面会有一个黄色三角加叹号的小图标 

      console.error() 输出的内容前面会有一个红色圆形加叉号的小图标 

    三. 其它使用的方法

    1、trace()

      调试JavaScript程序时,使用console.trace(),不仅会打印函数调用栈信息,同时也会显示函数调用中各参数的值。

      

    2、count() 

      可以把console.count()放在一个方法内,每次调用都会加1,更好显示方法被调用了多少次。

    3、time()和timeEnd()

      以ms为单位的时间,这两个要同时用,可以不写参数,输出的是,default:** ms
      如果加了参数,参数要一致console.time(“count”);否则会报错,输出的是,count:** ms

    4、assert() 一般两个参数,前面的是表达式,后面是要输出的内容,如果表达式为false,则输出

      

    5、clear()

      清空console的输出信息。

    6、dir() 

      使输出内容格式化更易读,而且也会输出一个对象的全部属性和方法。

      

    7、table()

      将 数组 或者 对象 以表格的形式输出,更直观。

    8、太多了,就不说了,可以自己看,重要的是你知道了 console 这个对象原来没那么简单。

  • 相关阅读:
    React antd的select框的onchange事件 只能点击一次 如果想选中的值 还可以被点击 就用onselect事件
    formatTime.js
    typeScript
    React react-router在url参数不同的情况下跳转页面不更新
    React 组件
    三、猜字符小游戏
    二、Java学习之方法
    Java学习之数组
    JavaWeb的学习--第五天 javascript03
    JavaWeb的学习--第四天 javascript02
  • 原文地址:https://www.cnblogs.com/MrZhujl/p/13049726.html
Copyright © 2011-2022 走看看