精华内容
下载资源
问答
  • console.log()、console.info()、console.debug()的区别

    万次阅读 多人点赞 2018-06-14 09:44:48
    console.log()、console.info()、console.debug()的作用都是在浏览器控制台打印信息的。使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而...

    console.log()、console.info()、console.debug()的作用都是在浏览器控制台打印信息的。

    使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而以,可以理解为它们三个其实就是同一个,只不过名字不一样。

    其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标,而且谷歌浏览器和opera不支持console.debug()。



    展开全文
  • console.logconsole.info与console.debug的区别console.log()、console.info()与console.debug()都是在控制台中打印信息用的最多的就是我们的console.log() 但是在一些开发工作中console.info()用的也是比较多的...

    console.log()、console.info()与console.debug()都是在控制台中打印信息

    用的最多的就是我们的console.log() 但是在一些开发工作中console.info()用的也是比较多的,本质上是没有区别的,只不过名字叫的不一样而已

    其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标,而且谷歌浏览器和opera不支持console.debug()。
    在这里插入图片描述
    在这里插入图片描述
    大家会发现在火狐浏览器当中console.info前面有一个小的图标,而在谷歌浏览器当中是没有的,是跟console.log()一样的
    在这里插入图片描述
    而在谷歌浏览器当中console.debug()是不支持的

    展开全文
  • 使用text编辑器将所有的console.log()替换成//console.log() 覆盖console.log console.log = function() {} // Firefox 8,IE8下运行成功,在Firefox 7的情况下并不能成功运行 下面的例子取自stackOverflow,权当...

    承接各类微信小程序项目,团队所有成员均来自国内大厂,可满足各类定制需求,专注微信(支付宝)小程序多年,有需要欢迎联系wx:wxid_qf4piaortmry12

    1. 方案一:(感觉莫名的有点儿emmm)
      使用text编辑器将所有的console.log()替换成//console.log()
    2. 覆盖console.log
    console.log = function() {} //  Firefox 8,IE8下运行成功,在Firefox 7的情况下并不能成功运行
    

    下面的例子取自stackOverflow,权当自己做个记录:
    https://stackoverflow.com/questions/1215392/how-to-quickly-and-conveniently-disable-all-console-log-statements-in-my-code
    通过window[‘console’][‘log’]来打开和关闭默认的console.log函数

    window['console']['log'] =  console.log() //打开默认设置
    window['console']['log'] = function() {}; //关闭默认设置
    
    展开全文
  • console.log,作为一个前端开发者,想必每天都会用它来做分析调试,但这个简单函数背后你所不知道的一面,很多人未必使用过,有一些也是很方便使用的 基础 首先,简单科普这个函数的作用。前端开发者可以在js代码的...

    console.log,作为一个前端开发者,想必每天都会用它来做分析调试,但这个简单函数背后你所不知道的一面,很多人未必使用过,有一些也是很方便使用的

    基础

    首先,简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log,然后你就可以在浏览器的开发者控制台里,看到这个函数调用的那一瞬间你指定的变量或表达式的值。

    console.log('123');
    // 123
      
    console.log('1', '2', '3');
    // 1 2 3
      
    console.log('1\n2\n3\n');
    // 1
    // 2
    // 3
    

    我们可以通过上面的方式进行单个变量(表达式)、多个变量以及换行输出。而这对于日常开发的大多数情况算是够用了。
    格式化输出

    console.log('%d + %d = %d', 1, 1, 2);//或console.log(1,1,2);
    // 1 + 1 = 2
    

    写过C语言的童鞋肯定对上面这种写法不陌生,这种写法在复杂的输出时,能保证模板和数据分离,结构更加清晰。不过简单的输出就不那么方便了。
    console.log支持的格式标志有:

    占位符描述
    %s字符串
    %d%i整数
    %f浮点数
    %o/%Oobject对象
    %ccss样式

    常用我就不说了,说一下,不常用的,

    console.log/debug/warn/error,
    这些都可以做调试输出,区别是:

    样式不同我们可以通过调试器底部筛选出不同的输出项

    所以跟网站重构要求html语义化类似,当我们的调试输出比较多时,根据实际场景使用不同类型的输出函数能使我们的输出更有条理。

    值得一提的是console.error,我们使用它做输出除了可以输出错误信息外,还可以输出调用这个函数的一瞬间的调用栈!这无疑给我们调试带来很多方便(当然你也可以用js断点一步步跟踪),而这是console.log所不具备的。除了console.error,还有一个函数console.trace也可以打印出调用一瞬间的调用栈,不过它的输出样式和位置就跟console.log一样了:

    其实除了打印调试信息外,console还有不少强大有用但却很低调的接口。

    console.time & console.timeEnd

    这是性能调试的利器啊,熟悉NodeJs的童鞋更是清楚。肯定不少童鞋干过这事:在我们的某块代码前新增一个类似startTime的变量,给它一个时间戳,然后在我们执行完代码后,再打一个时间戳,再将两者相减,再将结果输出。现在我们使用上面的函数,就可以省下很多功夫了:

    console.time('wait');
    setTimeOut(()=>{
    	console.timeEnd('wait');
    },1000);
    wait: 1000ms
    

    使用这两个接口是何其方便!而且我们还可以将一个字符串作为函数参数,来区分不同的性能计时。

    console.count

    这是一个计数器,我们可以传个名字给它,如a,然后每次调用console.count(‘a’)(可以在不同函数不同地方),它就能打印出这样一个调用执行了多少次:

    let a = ()=>{
    	console.count('Call function a');
    };
    let b = ()=>{
    	a();
    }
    let c = ()=>{
    	b();
    }
    b();
    c();
    Call function a:1
    Call function b:2
    

    这个函数特别适用于在一些复杂的场景,有时一个函数被多个地方调用到,而我们想知道该函数是否少调用或重复调用,此时使用计数器比js断点自己还要默记调了几次快多了。

    console.assert

    assert,搞编程的应该对这个单词不陌生:断言。使用console.assert,你可以理解为于禁的技能(三国杀玩多了这孩子),你猜错了这个表达式的真假,那我就可以打出我的信息:

    let a = ()=>{
    	let el = document.getElementById('test');
    	console.assert(el,'没有ID为test的节点');
    }
    a();
    // Assertion failed: 没有ID为test的节点
    

    不消说,使用该函数可以让我们在某些地方只在符合某个条件才进行调试输出,使输出更加干净。当然你也可以用if语句,不过写起来就麻烦了一些。

    console.group

    一看就知道是分组输出:

    console.group('group1');
    console.log('a');
    console.log('b');
    console.groupEnd('group1');
    console.group('group2');
    console.log('a2');
    console.log('b2');
    console.groupEnd('group2');
    

    显然这个函数特别适合有一大堆调试输出的情况,做大项目估计会用上。不过有时你打开控制台看到满屏满屏的输出你也会很头痛的,于是你可以分组输出且默认收起:

    console.clear

    最后的最后,该清场了。

    特别适用于,在一个多人开发项目,你不爽别人的调试输出,那你可以用这个函数统统清掉,再输出自己的调试信息,不用跟这个函数客气。

    总结

    我是王大锤,万万没想到,console.log的八卦就这样被我说完了,本以为还可以吹水个几万字。

    conssole.timestamp & console.profile这两个函数对应chrome调试面板的两个tab,调试性能时可用上,有兴趣的童鞋可以看看:Google开发者文档之console

    展开全文
  • 记录 问题解决,简单粗暴。...console.log() (function(){})() 像上面这种格式就会出现上面的报错,自调用函数前面的代码后面要记得加分号(;)。如下: console.log(); (function(){})()...
  • 大概描述就是像题目中说的那样,用console.log打印结果和实际的length不同,以为是遇到鬼了,实际呢,我还是太年轻。 如图: 二、找问题过程 1、 使用typeof看看 发现类型都是string的 2、 用console.log(JS...
  • console.log() 和console.dir()区别

    千次阅读 2018-04-12 11:22:58
    console.log()可以取代alert()或document.write(),在网页脚本中使用console.log()时,会在浏览器控制台打印出信息。 console.dir()可以显示一个对象所有的属性和方法。...
  • console.log("data:"+ data) 输出 data:[object Object] 不带解析console.log(data) 输出 {retCode: 0, retMsg: "SUCCESS", data: null} 带解析
  • // todo 在console.log 过程中,如果打印内出现代码出现问题,不会报错 console.log("start") console.log((end_milliseconds - start_milliseconds)/1000); console.log("end")
  • console.log大家都很熟悉,在调试项目的时候大家都会常用,但是用时一时爽,删除火葬场。虽然用vs code里的全局搜索删除也不是不可以,但是总是觉得不够优雅,所以干脆封装成函数,最后直接在函数中注销,省时省力。...
  • 题目描述:写出执行结果,并解释原因(以chrome为准) ... console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2() { console.log('async2'); } ...
  • 题目描述:写出下面代码打印结果,并解释为什么 function Foo(){ Foo.a = function(){ console.log(1); } this.a = function(){ console.log(2) } } Foo.prototype.a = function(){ console.log(3)...
  • 今天开发的时候发现一个问题,很是奇怪,就是页面上的有些操作在谷歌、火狐、IE8、IE10、IE11下都没有问题,但是在IE9下就是不可用,刚开始以为是浏览器兼容性的问题,后来查找资料发现是页面加载console.log()的...
  • console.log(b); console.log(a); 答案: 5 Uncaught ReferenceError: a is not defined 解析: 在这个立即执行的函数表达式中(IIFE)包含两个赋值操作,其中 a 使用 var 关键字进行声明,因此其属于函数内.....
  • 目录 目录 console 对象与控制台 ...console.warn(),console.error() console.table() console.count() console.dir(),console.dirxml() console.assert() console.time(),console.timeEnd() ...
  • js报错:console.log(...) is not a function

    万次阅读 2021-07-07 15:14:38
    failed: console.log(...) is not a function 代码 console.log('----------ret', ret) (Object.keys(ret).length === 0) && ...省略 解决方案 下一句以小括号开头,上一行没有终止符,加上分号解决这个...
  • Vue console.log语法报错

    千次阅读 2018-12-05 17:42:14
    Vue3.0 console.log()语法报错 只需要改成window.console.log() 即可解决
  • console.log()用法

    万次阅读 2018-08-25 15:52:53
    对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式。 原因在于:alert()函数会阻断JavaScript程序的执行 lert弹出框需要点击确认比较麻烦,而console.log()仅在控制台中打印相关信息。...
  • js中console.log()和console.dir()的区别

    千次阅读 2018-06-27 14:20:43
    1.针对一个json对象而言,差别不大。2.针对html来说。console.log()打印的是body的内容树,而console.dir()打印的是body树种的所有属性和方法。
  • console.dir()和console.log()的区别

    万次阅读 多人点赞 2015-04-03 20:54:41
    console.log()可以取代alert()或document.write(),在网页脚本中使用console.log(data)时,会在控制台打印出数据。 console.dir()可以显示一个对象所有的属性和方法。
  • console.log(a==true); }else{ console.log(a); } 答案: false 解析: 当 a 出现在 if 的条件中时,被转成布尔值,而 Boolean([0]) 为 true 所以就进行下一步判断 a==true,在进行比较时,[0] 被转换成了 0...
  • 前端重写console.log方法

    千次阅读 2019-05-22 14:13:22
    我们在开发前端的时候,有时候希望在开发和测试过程中,可以输出console.log日志,方便查看,但是在生产环境不需要再console.log的,于是想到重写console.log方法,以下有两种效果: 1. 和原生console.log一样效果 ...
  • console.log() 可以取代 alert() 或 document.write(),在网页脚本中使用 console.log() 时,会在浏览器控制台打印出信息。 console.dir() 可以显示一个对象所有的属性和方法。 var rp_tracking_number = new Array...
  • console.log详解

    千次阅读 2019-01-10 16:12:18
    console.log方法用于在控制台输出信息。它可以接受一个或多个参数,将它们连接起来输出。 console.log('Hello World') // Hello World console.log('a', 'b', 'c') // a b c console.log方法会自动在每次输出的...
  • 控制台只输出显示console.error()和console.warn()的信息,而将console.log()和console.info()的信息重定向输入到a.log文件内,如下: 若使用node命令对.js文件的标准错误输出流进行重定向输入到指定
  • 项目中管理console.log

    千次阅读 2020-07-05 10:18:01
    一:1.线上项目中下载依赖 ...二:关闭所有的console.log,保证console.log只在测试环境下 方案一:使用text编辑器将所有的console.log()替换成//console.log() 方案二:覆盖console.log console.lo
  • Console 3000字完整指南,让你不只会用console.log !

    千次阅读 多人点赞 2021-09-01 09:23:49
    笔者接触JS也不少时间了,除了用vscode的debuger,其实大部分时间都在使用console.log()方法来输出一些或者调试程序,我相信很多刚开始接触JS的同志,应该也都习惯使用console.log()。但是log的能力是有限的,并不能...
  • 微信小程序封装console.log

    千次阅读 2019-01-10 15:11:44
    //重写console.log方法,判断是否开启日志调试模式,否则就不输出 console.log = (function (oriLogFunc) { return function (str) { if (true) {// 需要打印 此处改为 true oriLogFunc.call(console, str); } } })...
  • console.log 用法

    千次阅读 2018-11-29 21:42:49
    【转】console.log 用法 标签: 转自http://www.cnblogs.com/ctriphire/p/4116207.html 大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它...
  • 赋值顺序 ...console.log(a.x); console.log(b.x) OK我们来解答一下 第一个知识点: b = a 是浅拷贝,所以在堆栈中引用的是一个对象地址。 第二个知识点: var a=1,b=2,c=3; a = b = ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,508,123
精华内容 603,249
关键字:

console.log