js中console在一行内打印字符串和对象的方法


Posted in Javascript onSeptember 10, 2019

在前端开发中,大多数的调试一般都是F12中的console和network中查看请求数据和响应数据,也有一部分人喜欢用debugger。

在开发大一些的项目时,在开发环境下,打开着控制台,切换一下页面总是充满着各种console,而且还是很多行,有一部分原因是有下面我写的这样的。

js中console在一行内打印字符串和对象的方法

就是因为如果在同一行内同时打印字符串和对象的话,我们会想到如下的拼接 但是对象会调用原型中toString()方法,让我们看起来就难受了。

console.log('上传结果' + {obj: '对象', name:'臧三'});

js中console在一行内打印字符串和对象的方法

昨天在开发程序的时候查看了一下企业微信的后台,看到他的console的同一行中同时打印了字符串和对象,就想到原来是可以在同一行打印的。

之前想到的有时候查看的时候调用一下 JSON.stringtify()方法,但是这样当对象复杂的时候,就不利于查看和调试了。

console.log('上传结果' + JSON.stringify({obj: '对象', name:'张三'}));

js中console在一行内打印字符串和对象的方法

我感觉写的有点??铝耍?髅骶褪窃俳惨桓龆汉诺氖虑椋?愀?页墩饷炊嗝挥玫墓???/p>

看一下这样的效果,如果是这样的打印的话我感觉还会清晰很多,而且console的行的数目也会少一些。

js中console在一行内打印字符串和对象的方法

具体的做法就是在console的各个参数之间加上一个逗号,

console.log('上传结果' , {obj: '对象', name:'张三'});

总结

以上所述是小编给大家介绍的js中console在一行内打印字符串和对象的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
javascript 通用简单的table选项卡实现
May 07 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
Apr 24 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
Mar 26 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
Sep 01 Javascript
js实现遍历含有input的table实例
Dec 07 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
vue给组件传递不同的值方法
Sep 29 Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
微信小程序错误this.setData报错及解决过程
Sep 18 Javascript
js实现打字小游戏
Dec 17 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 #Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 #Javascript
es6中reduce的基本使用方法
Sep 10 #Javascript
layui导出所有数据的例子
Sep 10 #Javascript
解决layui-open关闭自身窗口的问题
Sep 10 #Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 #Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 #Javascript
You might like
PHP中的output_buffering详细介绍
2014/09/27 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
PHP操作FTP类 (上传、下载、移动、创建等)
2016/03/31 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
jquery 简单导航实现代码
2009/09/11 Javascript
GRID拖拽行的实例代码
2013/07/18 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
基于jQuery实现的查看全文功能【实用】
2016/12/11 Javascript
js实现文字列表无缝滚动效果
2017/06/23 Javascript
基于js 各种排序方法和sort方法的区别(详解)
2018/01/03 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
微信小程序中上传图片并进行压缩的实现代码
2018/08/28 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
浅谈Vue3.0新版API之composition-api入坑指南
2020/04/30 Javascript
Python实现命令行通讯录实例教程
2016/08/18 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
python语音识别实践之百度语音API
2018/08/30 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
应聘收银员个人的求职信
2013/11/30 职场文书
经理管理专业自荐信范文
2013/12/31 职场文书
市三好学生主要事迹
2014/01/28 职场文书
小学教师培训感言
2014/02/11 职场文书
物流管理专业毕业生求职信
2014/03/23 职场文书
英文邀请函
2015/02/02 职场文书
大学生个人学年总结
2015/02/15 职场文书
请客吃饭开场白
2015/06/01 职场文书
人民调解协议书
2016/03/21 职场文书
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js