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 相关文章推荐
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
Nov 21 Javascript
Jquery实现textarea根据文本内容自适应高度
Apr 03 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
Oct 28 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
Sep 21 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
jQuery实现删除li节点的方法
Dec 06 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
May 24 Javascript
JS实现数组深拷贝的方法分析
Mar 06 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Nov 26 Javascript
node事件循环和process模块实例分析
Feb 14 Javascript
jQuery实现增删改查
Dec 22 jQuery
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的超级变量$_POST获取HTML表单(HTML Form) 数据
2011/05/07 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
jQuery 全选效果实现代码
2009/03/23 Javascript
一些常用的JS功能函数代码
2009/06/23 Javascript
Javascript 中的 && 和 || 使用小结
2010/04/25 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
2015/04/16 Javascript
js实现可折叠展开的手风琴菜单效果
2015/09/07 Javascript
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
jQuery中用on绑定事件时需注意的事项
2017/03/19 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
js编写简易的计算器
2020/07/29 Javascript
Python中的列表知识点汇总
2015/04/14 Python
Python实现删除文件但保留指定文件
2015/06/21 Python
Python微信公众号开发平台
2018/01/25 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
python 深度学习中的4种激活函数
2020/09/18 Python
css3 transform导致子元素固定定位变成绝对定位的方法
2020/03/06 HTML / CSS
世界上最好的威士忌和烈性酒购买网站:The Whisky Exchange
2016/11/20 全球购物
德国最大的网上足球商店:11teamsports
2019/09/11 全球购物
父亲追悼会答谢词
2014/01/17 职场文书
超市采购员岗位职责
2014/02/01 职场文书
2014年银行员工工作总结
2014/11/12 职场文书
原料仓管员岗位职责
2015/04/01 职场文书
交通安全温馨提示语
2015/07/14 职场文书