js调试之console.log()

俗话说的好，不会前端是phper不是好的php,可是我这对前端真的是一窍不通，连基础的ajax都差点不会写。调试也花了不少时间，因此在这里记录一下。
一、console.log()的定义

console.log（）相当于在浏览器的控制台打印相关的信息，并不会影响程序的进程，这点就和alert()形成了鲜明的对比。alert()相当于程序杀手，调试的时候是在是不好用。**二、console.log()的优点**
console.log()还有个特点就是输出的内容范围比较广。包括字符串，对象，数字等。而alert（）只能弹出字符串。
其次是现在的主流浏览器都支持console.log()，对于我等前端小白来说，也是提供了不少便利。**三，console.log()的用法**
一般来说都是在代码中打印：
举个栗子：
success: function(r) {alert(r.detail);if (r.code==200) {console.log(r.code);return false;location.href = "{{url('/create/red_list')}}";比如这段代码：判断返回的code在200的情况下，打印一下code，断点用return false.非常的好用。然后执行代码，在控制台就能看到自己打印的信息。
**四，关于用console.log输出json字符串的**
一般来说，ajax返回的都是对象。如果想要输出json格式的字符串，则需要我们进行一下转化。转化代码：
console.log(JSON.stringify(data));

总结完毕。毕竟是前端小白。大神文章的传送门在这里：
传送门

js调试之console.log()相关推荐

java script console_JS调试之console.log()作用与用法
在前端调试js代码的时分,许多人都喜欢用 alert() 来进行调试,不过 alert() 会阻断JS的运行,并且对少许范例的变量无法输出,这就导致了很多的麻烦.针对这个问题,这篇文章就说一说js中的 ...
Chrome浏览器js调试（console等）
目录内容介绍一.Console 1.log.info.error.warn 2.assert 3.clear 4.count和countReset 5.dir和dirxml 6.group.gro ...
javascript 和 jq 的调试用console.log() 函数
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断javascript程序的执行,从而造成副作用:而conso ...
js中的console.log()用法
使用的浏览器为chrom. 打开Chrome浏览器,按F12就可以看到控制台了. 不使用alert是因为alert会阻断线程运行. 一般情况下我们用来输入信息的方法主要有以下5个: 1.console ...
JavaScript断点调试与console.log(..)输出不一致
此情况多出现在对象赋值前后进行console.log(-) 打印结果会随机
js 中的console.log有什么作用
主要是方便你调式javascript用的.你可以看到你在页面中输出的内容. 相比alert他的优点是: 他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是co ...
js屏蔽掉调试时写的console.log
这属于代码级别的修改,重写console.log(),下面贴代码,有详细的注释: <script>var Debugger = function () { };//开关,是否显示输出Deb ...
利用Console来调试JS程序、Console用法总结
利用Console来调试JS程序.Console用法总结(1) 一 .什么是 Console Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console ...
Node.js 环境下的 console.log 是同步执行的
参考这个官网通常,从您的应用程序进行日志记录有两个原因:用于调试和记录应用程序活动(本质上是其他所有内容).使用 console.log() 或 console.error() 将日志消息打印到终端 ...

js调试之console.log()

js调试之console.log()相关推荐

最新文章

热门文章