控制台输出console.log()的用法

最新推荐文章于 2024-07-30 19:33:37 发布
最新推荐文章于 2024-07-30 19:33:37 发布
阅读量2.6w 收藏 8
点赞数
分类专栏： web前端 文章标签： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35774189/article/details/70187622
版权

用console.log代替alert和document.write，工作会变得轻松。用console.log在控制台展开对象查看具体信息，可以直接看到对象信息，而不会显示[object Object]令我们一头雾水。

console里面具体有哪些方法：


此时可以看到上图有log,info,error,warn,debug方法:

1.console.log用于输出普通信息

2.console.info用于输出提示性信息

3.console.error用于输出错误信息

4.console.warn用于输出警示信息

5.console.debug用于输出调试信息


console对象的上面5种方法，都可以使用printf风格的占位符。不过，占位符的种类比较少，只支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）四种：



keys(返回传入对象所在属性名组成的数据)和values（返回所有属性值组成的数组）



%o占位符，可以用来查看一个对象内部情况



console控制台输出图片：




console控制台输出彩色文字：




qq_35774189
关注
专栏目录
python 将控制台的输出，保存到log文件中
weixin_43588508的博客
06-07 3404
python 将控制台的输出，保存到log文件中
控制台输出信息console.log()的用法总结
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
08-08 3776
定义和用法 console.log() 方法用于在控制台输出信息。 控制台需要可见 ，浏览器按下 F12 打开控制台。 语法 console.log(message) 示例 console.log('lockdatav'); //lockdatav 占位符 占位符 描述 %s 字符 %d或%i 整数 %f 浮点数 %o 对象 %c 样式表 整数 console.log('%d',2); // 2 对象字符串 var datav = {name: '漏刻有时', v
8个console.log的解决方案
最新发布
2401_83384536的博客
07-30 858
当我们需要计算组件在 React 或 Vue 中渲染或更新的次数时，我们也可以使用 console.count，所以你不需要自己实现一个计数器。当我们需要跟踪一个操作需要多长时间时，我们可以使用 console.time() ，它会启动一个计时器。例如，如果我们想计算一个斐波那契函数被调用了多少次，那么我们可以编写如下代码：​​​​​​​。假设我们要打印一些对象，如果像这样直接使用console.log：​​​​​​​。在今天的文章中，我就来分享一些有关控制台的高级技巧，我们现在开发吧。
Log日志控制台输出
半个西瓜的博客
07-26 7455
@Log4j2 注解 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> </dependency> 注：idea 加入依赖以后，还需要引入lombok 插件 log4j2 <dependencies> <dependency> <groupId..
nodejs---console.log()控制台打印
maidu_xbd的博客
01-31 1万+
1、console.log("字符串");-----在控制台输出【字符串】 2、console.log("字符串"，obj);----在控制台输出【字符串obj内容】 3、console.log("字符串" + obj);----在控制台输出【字符串[ObjectObject]】 注意： console.log("字符串"+obj);输出的时候,对象会被转化为"[ObjectObj...
Chrome的控制台（Console）的用法（超详细，还未细看）
热门推荐
小枯林的博客
06-12 4万+
为什么写了本篇博客： （1）在https://blog.csdn.net/csucsgoat/article/details/117811466中，遇到了Chrome的控制台（Console）；本篇博客就是详细介绍Console的。 本篇博客转载自： （1）Chrome 控制台console的用法（学了之后对于调试js可是大大有用的哦） 说明： （1）这篇博客并没有看，当前也没必要看~~，以后有需要了再看也不迟啦 Chrome 控制台console的用法（学了之后对于调试js可是...
JS中捕获console.log()输出的方法
10-24
以上便是捕获JavaScript中console.log()输出内容的方法和一些使用技巧。掌握了这些技术，我们可以更加灵活地进行程序的调试和优化工作。希望本文所述内容能够对您的JavaScript程序设计工作有所帮助。
node.js中的console.log方法使用说明
10-25
在Node.js开发中，console.log是一个极为常用的全局对象方法，主要用于将信息输出到控制台。以下是对console.log方法的详细介绍： 1. 方法说明 console.log是Node.js中的一个基本工具，用于调试程序，以及向用户...
JavaScript调试技巧之console.log()详解
10-23
`alert()`会在程序执行过程中弹出对话框，打断用户交互，而`console.log()`则只是在浏览器的控制台输出信息，不会干扰页面的正常运行。 `console.log()`是现代浏览器内置的调试方法，它位于全局`window`对象的`...
javascript代码调试之console.log 用法图文详解
11-23
JavaScript是Web开发中不可或缺的一部分，而在JavaScript的调试过程中，`console.log`是一个极其重要的工具，它可以帮助开发者在浏览器控制台输出信息，以便于理解和检查代码的执行情况。本文将详细介绍`console.log...
console.log控制台信息前台显示特效代码
03-20
"console.log控制台信息前台显示特效代码" 指的是使用JavaScript的`console.log()`方法，但不局限于控制台显示，而是通过某种技术手段将这些信息在网页前端展示出来，以实现更直观的调试效果。通常，这涉及到对...
ConsoleLog.sln
12-01
Log4net关联firebird火鸟数据库写入数据Demo，采用C# 控制台应用程序代码，用Log4 写入火鸟数据库Log日志，方便读写日志操作，付操作类库
console.log的输出语句
weixin_45404102的博客
06-11 5481
console.log的输出语句字符串的输出
console.log的输出结果可信吗？
zhangwenok的博客
07-25 419
在日常工作调试中我们经常用到console.log()打印信息，console.log()的输出结果可信吗？下面我们看两个示例。
console.log输出结果分别是什么？
weixin_47224517的博客
05-09 8481
1.console.log(([])?true:false); 2.console.log(([]==false?true:false)); 3.console.log(({}false)?true:false) 得到的结果分别是什么?（） 正确答案是C 解析: “true,true,false” 此题考察类型转换，三元运算符先分清是非，再决定今后再决定今后该走哪条路，“”运算符比较“喜欢”Number类型。 下面是题目的类型转换结果： Boolean([]); //true Number([]); //0
浏览器控制台的一些输出方法---console
木得是的博客
01-02 6374
1.首选是常见的console.log(); // Regular console.log('hello'); console.log('hi','friend'); 在浏览器按F12，控制台输出的是这样的 2.在console.log()里使用%s // Interpolated console.log('Hello, my name is %s','kon'); %s会替换成第二个参数 3.在console.log()里使用%c // Styled c
JavaScript ,控制台 console 多种不同类型输出
学而不思则罔,思而不学则殆
09-14 4753
JavaScript 代码调试控制台 ，console 多种不同类型输出
C#中 Console方法介绍
wanglepingwangleping的博客
05-30 7245
一般情况下，我们用来输入信息的方法主要是用到如下四个：1、console.log 用于输出普通信息2、console.info 用于输出提示性信息3、console.error 用于输出错误信息4、console.warn 用于输出警示信息--------------------------------------------------------------------5、console.co...
什么？console.log打印出的数据不对？
小陈的博客
11-17 2735
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
如何在控制台使用console.log打印相关代码的执行顺序
06-07
可以使用console.log在代码中打印信息来检查代码的执行顺序。具体方法如下： 1. 在代码中使用console.log打印相关信息，可以将信息打印成字符串，方便查看。 ```javascript console.log('执行代码1'); console.log('执行代码2'); console.log('执行代码3'); ``` 2. 在控制台查看打印的信息，可以使用F12或者Ctrl+Shift+I打开控制台，然后切换到Console面板。 3. 查看打印的信息，可以根据打印的信息确定代码的执行顺序。例如，如果控制台显示如下信息，就可以确定代码执行的顺序为1、2、3。 ``` 执行代码1 执行代码2 执行代码3 ``` 注意，由于控制台是异步显示信息的，所以控制台中显示的信息的顺序可能与代码中打印的顺序不一致。如果需要确保打印的顺序与代码的执行顺序一致，可以在打印信息时添加一些标识，如下所示： ```javascript console.log('[1] 执行代码1'); console.log('[2] 执行代码2'); console.log('[3] 执行代码3'); ``` 这样可以在控制台中看到每个打印信息的编号，方便判断执行顺序。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值