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 相关文章推荐
eclipse如何忽略js文件报错(附图)
Oct 30 Javascript
node.js中的fs.openSync方法使用说明
Dec 17 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
JavaScript深度复制(deep clone)的实现方法
Feb 19 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 Javascript
深入理解Angularjs 脏值检测
Oct 12 Javascript
JS中如何轻松遍历对象属性的方式总结
Aug 06 Javascript
angula中使用iframe点击后不执行变更检测的问题
May 10 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
Jul 26 Javascript
vue中选中多个选项并且改变选中的样式的实例代码
Sep 16 Javascript
微信小程序APP的生命周期及页面的生命周期
Apr 19 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中使用Oracle数据库(3)
2006/10/09 PHP
thinkphp模板输出技巧汇总
2014/11/24 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
jquery等待效果示例
2014/05/01 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
JS中FRAME的操作问题实例分析
2014/10/21 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
老生常谈原生JS执行环境与作用域
2016/11/22 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
使用js实现将后台传入的json数据放在前台显示
2018/08/06 Javascript
javascript实现考勤日历功能
2018/11/29 Javascript
nodejs 使用 js 模块的方法实例详解
2018/12/04 NodeJs
教你30秒发布一个TypeScript包到NPM的方法步骤
2019/07/22 Javascript
js 计算月/周的第一天和最后一天代码
2020/02/01 Javascript
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
python多线程http下载实现示例
2013/12/30 Python
Python实现二分法算法实例
2015/02/02 Python
Python检测字符串中是否包含某字符集合中的字符
2015/05/21 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
Python3.6实现根据电影名称(支持电视剧名称),获取下载链接的方法
2019/08/26 Python
Django 设置admin后台表和App(应用)为中文名的操作方法
2020/05/10 Python
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
投资意向书
2014/07/30 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL
pytorch 实现在测试的时候启用dropout
2021/05/27 Python
忆童年!用Python实现愤怒的小鸟游戏
2021/06/07 Python
MySQL8.0的WITH查询详情
2021/08/30 MySQL