- 综合排序
- 最热优先
- 最新优先
- 来自专栏全栈程序员必看
console.log详解
console.log('Hello World') // Hello World console.log('a', 'b', 'c') // a b c console.log方法会自动在每次输出的结尾 console.log(1); console.log(2); console.log(3); // 1 // 2 // 3 如果第一个参数是格式字符串（使用了格式占位符），console.log方法将依次用后面的参数替换占位符 console.log(' %s + %s = %s', 1, 1, 2) // 1 + 1 = 2 上面代码中，console.log方法的第一个参数有三个占位符（%s），第二、三、四个参数会在显示时 console.log方法的两种参数格式，可以结合在一起使用。 console.log(' %s + %s ', 1, 1, '= 2') // 1 + 1 = 2 如果参数是一个对象，console.log会显示该对象的值。
2K20编辑于 2022-09-14 - 来自专栏十月梦想
console.log新玩法
console.log支持多样化玩法,这里以console.log的css内容输出为例,也就是console.log()输入多样化内容 console.log输出一张图片 正常情况下大家都应该明白console.log console.log输出背景渐变的文字 console.log("%c十月梦想","background: rgba(252,234,187,1);background: -moz-linear-gradient console.log输出彩色(渐变文字)chrome控制台不支持显示 console.log('%c十月梦想 ', 'background-image:-webkit-gradient( linear console.log输入3D(立体)文字 console.log('%c十月梦想',"text-shadow:8px 5px 5px rgba(0,0,0,.15),6px 3px 2px rgba( console的用法另外补充 console.log("%c")输出css样式 console.log("%s") 字符串格式化 %d/%i 整数格式化； console.log("%o") 可扩展的
80450发布于 2018-08-29 - 来自专栏烹饪一朵云
console.log分析
在js的开发过程中，我们不可避免的需要对某些参数的状态进行追踪，这个时候就回使用console.log这个函数，但这个简单函数背后你所不知道的一面 这个函数最常规的使用方式就是在代码的任何部分调用console.log testConsole() { let yerik = { shu: 1, }; console.log(yerik); yerik.NAUG (yerik); Object.keys(yerik).forEach((item) => console.log(item)); console.log("NAUG" in yerik ); yerik.NAUG = 111; console.log(yerik); console.log("NAUG" in yerik); }, [运行结果 function testSpace() { console.log(study); var study = "20210823"; console.log
76230发布于 2021-08-24 - 来自专栏cultureSun学安全
console.log((] + ]+(+ + !!)输出什么
这是前几天阅读公众号文章遇到的一篇文章，灰常有意思，记录一下。 JavaScript不愧是弱类型语言，换成其他语言，这肯定报错吧。
41520编辑于 2023-05-18 - 来自专栏持续学习
console.log() 是异步操作？？？
var obj = { a: 1 }; var oldArray = [obj]; var result = oldArray.concat([1,2]); // debugger console.log (result[0].a); obj.a = 2; console.log(result[0].a); 参考资料：console.log是异步流？
73640编辑于 2022-01-05 - 来自专栏code秘密花园
console.log 还能这样用？
大家都知道可以使用 console.log() 在控制台中打印简单的文本和变量。 但你可能不知道的是，你还可以在控制台中渲染 CSS、SVG 甚至 HTML？！ 在控制台中渲染 CSS %c ，可以让我们可以使用一些 CSS 样式来渲染控制台消息（比如console.log或console.info）。 我们应该使用 console.log 还是 console.info ？ 通常情况下，console.log 用于调试目的，而 console.info 用于提供更相关于最终用户的信息。 例如，相当著名的 Reddit console.log 艺术/广告： console.log( `%c ,d"=≥,.
36110编辑于 2024-01-24 - 来自专栏OECOM
console.log的那点事儿
log"); console.log()可以接受任何字符串、数字和JavaScript对象。 与alert()函数类似，console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。 不同的浏览器中console.log()行为可能会有所不同， 本文主要探讨Firebug中console.log()的使用 。 三、使用参数 与alert()函数类似，console.log()也可以接受变量并将其与别的字符串进行拼接： //Use variable var name = "Bob"; console.log(" var people = "Alex"; var years = 42; console.log("%s is %d years old
1K10发布于 2020-07-01 - 来自专栏樯橹代码
被忽略的console.log
console.log() 在旧的console.log中有超出人期望令人惊讶的功能。 虽然大多数人将它用作console.log（obj），但您也可以执行console.log（object，otherObject，string），它会将它们全部记录下来。 有时候方便。 除此之外，还有另一种格式：console.log（msg，values）。 这很像像C或PHP中的sprintf。 == 'object') { console.log(dataLib); console.trace(); } } ... } 在这里单独使用console.log (); console.log(number); console.groupEnd(); console.log('All done now'); 这又是一种循环。
1.2K20发布于 2019-09-03 - 来自专栏前端数据可视化
console.log也能插图！！！
juejin-markdown-themes theme: juejin highlight: 学前准备 一台电脑及一个浏览器（建议chrome） 具有一定 JavaScript 及 CSS3 基础 了解如何给 console.log 言归正传，console.log 是支持使用 background 的。唯一注意的是需要使用 网络图片 或者 base64 类型的图片。 console.log 添加样式的基础用法，在 《给console来的样式》 有讲到。 以下代码来自西瓜视频官网。 console.log( "%c ", `background: url(https://sf1-dycdn-tos.pstatp.com/obj/eden-cn/lpqpflo/ixigua_logo.svg 出处：CSS3 Patterns Gallery image.png console.log( '%chello world', `padding: 10px 40px; font-size
3.9K40编辑于 2022-04-15 - 来自专栏前端精读评论
精读《精通 console.log》
1 引言 本周精读的文章是 Mastering JS console.log like a Pro，一起来更全面的认识 console 吧！ console.log( ) | info( ) | debug( ) | warn( ) | error( ) 直接打印字符，区别在于展示形态的不同： 新版 chrome 控制台可以将打印信息分类： 笔者在这里也补充一句：console.log() 会自动判断类型，如果内容是 DOM 属性，则输出 DOM 树，但 console.dir 会强制以 JSON 模式输出，用在 DOM 对象时可强制转换为
52930编辑于 2022-03-14 - 来自专栏前端进阶实战
你真的会用Console.log吗？
对于广大的前端工程师来讲，在浏览器或者程序中通过console.log()来调试输出变量信息是常用的一种方式，你可能了解过console.error()、console.warning()，但总是用于输出文本吧 console.log() 该方法输出的信息就像是解决难缠问题的一剂良药。而且大多数的开发者都想这样——让我在浏览器控制台获得更多与问题有关的信息。我很确定我并不是唯一这样想的人。 除了通常使用console.log()在浏览器中打印输出信息，还有很多不同的方法使得你的调试过程更加容易。接下来让我们通过示例了解一下它们吧。 0x00 console.log( ) | info( ) | debug( ) | warn( ) | error( ) 它们会在浏览器控制台中打印原始的字符串内容，并且根据不同的“等级”，而文字的颜色有所不同 ('Test message'); console.group(); console.log('Another message'); console.log('Something else
68110编辑于 2022-07-29 - 来自专栏狗哥的 Java 世界
你还在用 console.log 调试 ？
Buomprisco 译文 | 梁天培 链接 | juejin.im/post/5d18d6eb6fb9a07edc0b6cc4 前言：Chrome 开发工具 当您的代码没有按照预期执行的时候，您是否还在用 console.log 有时您可能需要比 console.log 更进一步的操作，上面提到的功能将提供深入代码底层的调试体验。这些工具需要一些练习才能完全掌握，所以如果您对部分功能还不熟悉，请不要放弃，继续坚持使用它们。
2.3K10发布于 2020-03-05 - 来自专栏Web技术布道师
console.log的炫酷用法
找到对应的代码行发现原来 console.log 可以这么玩。 ? 尝试使用下面的代码： console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large 输出 3D 文本 console.log("%c发送简历到 keminok@qq.com"," text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb 2.输出多彩背景 console.log("%cColorful CSS","background: rgba(252,234,187,1);background: -moz-linear-gradient
1.8K20发布于 2019-07-25 - 来自专栏全栈程序员必看
console.log()的作用与实现
console.log()的作用是什么 主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。 2，系统默认给我们提供了console.log的代码格式例子，我们只要去掉注释就可以使用了，当然你也可以把注释内容删除(注释的内容是snippet 的格式说明，下文有解释)。
4.8K50编辑于 2022-09-15 - 来自专栏JowayYoung谈前端
console.log的那件事
initial-scale=1.0"> <title>Document</title> </head> <body> </body> <script> const obj = { } console.log (obj, 'obj'); console.log(obj.a, 'a') obj.a = '前端巅峰'; </script> </html> 这段代码会输出什么？ （不管后面是同步还是异步添加） 如果一开始就在对象/数组中有的元素，那么就会像下面一样 const obj = { b:2 } console.log(obj, 'obj'); console.log(obj.a, 'a') obj.a = '前端巅峰'; 输出结果，一开始打印就会在对象中对象对应的数据： ? 使用JSON.stringify()打印 const obj = { } console.log(JSON.stringify(obj), 'obj') obj.a =
54110发布于 2020-09-11 - 来自专栏Super 前端
vue 模板中使用 console.log
-- 模板中使用全局对象属性 --> <button @click="<em>console.log</em>(123)">点我</button> 如果项目中这样使用，vue2 会直接抛出警告： [vue warn]: import Vue from 'vue' Vue.prototype.console = { log: console.log } vue3 实现 vue3 中支持的有限的全局对象列表 const GLOBALS_WHITE_LISTED getCurrentInstance } from 'vue' getCurrentInstance().appContext.config.globalProperties.console = { log: console.log
88110编辑于 2023-04-21 - 来自专栏前端开发
你不知道的console.log
前言 对于前端开发者，使用console.log() 次数绝对很多，但是大部分人认识的 console 对象还不是很全面，其实深入了解这些后，你会发现给开发过程带来很多便利，而且还很有趣。 console.log() 输出普通信息 console.info() 输出提示信息 console.error() 输出错误信息 console.warn() 输出警告信息 上面这些就不演示了 console.dir() 显示对象的所有的属性和方法 var obj = { str: 'youhun', num: 1, func: function(){ console.log ("欢迎%s和%s两位新同学",arr[0],arr[1]); console.log("圆周率整数部分：%d，带上小数是：%f",3.1415,3.1415); console.log('%o', obj); console.log('%O', obj); 再来试试 %c 来点样式 console.log('%c我的背景是红色', 'color: #fff; background: red;
1.4K40发布于 2018-08-30 - 来自专栏进击的Coder
Javascript调试命令——你只会Console.log() ?
最常用的方法就是Console.log()，就是在控制台输出内容。 console.group('第一个组'); console.log("1-1"); console.log("1-2"); console.log("1-3"); console.groupEnd (); console.group('第二个组'); console.log("2-1"); console.log("2-2"); console.log("2-3" ('内容'); console.log('内容'); console.log('内容'); console.groupEnd (CodeDeer); console.log("console.log(CodeDeer)"); console.log(CodeDeer); ?
1.4K40发布于 2018-04-04 - 来自专栏李维亮的博客
console.log()如何缩写为log()
因为嫌console.log()的写法太繁琐，想将其简写为log()。 我最初是这样写的： var log = console.log; log(..); 结果输出为： TypeError: Illegal invocation 谷歌一番之后在Stack Overflow Javascript语言采用的是静态作用域规则（lexical scoping）： function foo() { console.log( a ); // 2 } function bar var obj = { a: 1, foo: function f() { console.log(this.a); } } obj.foo() 在 var log = console.log; 中，log指向的其实是未绑定到console的普通的函数。
1.4K30发布于 2021-07-09 - 来自专栏性能与架构
console.log() 之外的调试技巧
console.log( ) 是JS开发时常用的小工具，输出一些信息来辅助调试，console 还有很多有用的方法，下面介绍几个方便调试的用法 跟踪堆栈 例如想找出某个函数是被谁调用，如果调用层级较深的话 用表格显示对象信息 使用 console.log() 打印对象信息时，可读性并不太好，例如下面的代码，输出一个数组的内容 var books = [ { title: "Java", author : "Abc" }, { title: "C", author: "Obj" }, { title: "C++", author: "Cof" } ]; console.log ( 通过 console.profile() 可以查看 CPU 的消耗，找出费时的代码，例如 function func_A (num){ for(var i=0;i<num;i++){ console.log '); } } function func_B (x,y){ for(var i=0;i<x;i++){ for(var j=0;j<y;j++){ console.log
1.5K90发布于 2018-04-03
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号