JS开发之console调试(定位自己的问题位置)(-)

时间:2022-10-24 20:47:06

记得8月多刚刚入职之后,那时的我可以说什么都不会,遇到任何问题就想找人去问。

但事实上,那些公司的大拿们承担着更重要的工作,所以,如果你真的不会,当然可以去问他们,但是,请你先准确定位到自己的问题所在。

说道定位自己的问题位置这一点,里面充斥着大量的优点:

  1,很可能当你找到问题出现的位置时,发现这只是一个简单的低级错误,或格式或符号。

  2,很可能当你找到问题出现的位置时,你只需要baidu就可以直接找到问题解决的方案,而不用去问别人,不但成长的多,而且提升自信有木有。

  3,很可能当你找到问题出现的位置时,你在去问大拿们,他们只需要花少量时间就可以解决你的问题,这样遇到你的问题他们会原因欣然帮助。

更多的有点就不一一列举了。所以今天我就说说我在这几个月工作中,对调试中console的认识。

说道系统调试常用的有两种:alert() 和 console.log(),按照我浅薄的理解而言:

  alert() 的特点:1,对程序有阻塞作用,不点击确定,后续代码无法继续执行。(也就是说,代码从弹出的那个alert()处暂停,除非你点击确定才会继续进行)

          2,alert() 只能输出string类型,如果 alert 输出的是对象就会自动调用toString()方法。

          3,alert() 不支持多个参数的写法,只能输出第一个值。

  console.log() 的特点:1,在打印台输出。

              2,可以打印任何类型的数据。

                3,console.log() 支持多个参数的写法。

针对上述的三个特点,我这里依依给大家道来:

  首先第一点,不论是alert() 还是 console.log() 我只解释一句,控制台就是审核元素,快捷键是F12。

  其次对于第二点,请看下面的一段代码:

  JS开发之console调试(定位自己的问题位置)(-)

用浏览器打开之后,先看页面:

  首先出现的是第一个alert() 的表现形式,

JS开发之console调试(定位自己的问题位置)(-)

  在第一个alert() 中,代码是 alert(1, 2, 3) 传入的是三个参数,但是最终输出的却只有第一个参数 1。

  在这个状态下,如果不去点击确定,程序将阻塞在这里,不但不执行后续的代码,而且连控制台都无法打开。

接下来我们点击确定,出现了第二个 alert() 的表现形式,

JS开发之console调试(定位自己的问题位置)(-)

  此alert() 中,代码是 alert([1, 25, 54, 2, 2]) 而输出的时候,作为数组,两边的中括号已经被去掉,很明显对数组执行了toString() 方法,也就是只能输出string类型的数据。

  接下来我们再来看一看控制台。

JS开发之console调试(定位自己的问题位置)(-)

  第一行 console.log() 代码中传入了三个参数,这里全部显示了出来。

  第二行 console.log() 代码中输出了一个数组。

  第三行 console.log() 代码中输出了一个对象。

第二行和第三行说明了 console.log() 可以输出任何类型的数据。

  第四行 console.log() 代码中出现了一个新的方法 JSON.stringify() 。

这个JSON.stringify() 方法可以把传入其中JSON的数据,转换成string类型。

  通过这个方法,我们也可以清晰的看到,console.log() 中输出的数据的格式不在是简单的 string 类型。

上面就是alert() 和 console.log() 的特点。

而他们使用上,我个人倾向大多数情况用 console.log() 和 JSON.stringify() 结合,因为这样可以更好的看到数据的真实面貌。

而对于alert() 方法我个人觉得目前有用的地方,是做手机端开发的时候,有时候真机调试的时候,打断点使用。

对了,还有后台代码中用 System.out.println() 代码,这样 tomcat 开启后就可以在里面打断点。

唉,本来打算写一边console的专题,因为自己主要用这个调试,可是现在发现,自己要说的却还没有说,那么这边就题目后面价格(-),我们明天接着说。

由于知识的匮乏,内容可能多有不足,希望大家指正。