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 相关文章推荐
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
jQuery中:file选择器用法实例
Jan 04 Javascript
JavaScript 学习笔记之语句
Jan 14 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
vue使用vue-cli快速创建工程
Jul 28 Javascript
koa+mongoose实现简单增删改查接口的示例代码
May 13 Javascript
js实现GIF图片的分解和合成
Oct 24 Javascript
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 Javascript
OpenLayers3实现地图鹰眼以及地图比例尺的添加
Sep 25 Javascript
vue实现列表拖拽排序的示例代码
Apr 08 Vue.js
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
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
JS date对象的减法处理实现代码
2010/12/28 Javascript
Jquery知识点二 jquery下对数组的操作
2011/01/15 Javascript
jquery增加和删除元素的方法
2015/01/14 Javascript
jquery实现标签上移、下移、置顶
2015/04/26 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
三种方式实现瀑布流布局
2017/02/10 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
微信小程序手动添加收货地址省市区联动
2020/05/18 Javascript
Python绑定方法与非绑定方法详解
2017/08/18 Python
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
python样条插值的实现代码
2018/12/17 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
python GUI库图形界面开发之PyQt5信号与槽机制、自定义信号基础介绍
2020/02/25 Python
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
英国在线泳装店:Simply Swim
2019/05/05 全球购物
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
技术学校毕业生求职信分享
2013/12/02 职场文书
小学生防溺水广播稿
2014/01/12 职场文书
安全资金保障制度
2014/01/23 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书
小学生作文评语
2014/04/18 职场文书
员工离职通知函
2015/04/25 职场文书
辩护意见书
2015/06/04 职场文书
Golang 字符串的常见操作
2022/04/19 Golang
Golang jwt身份认证
2022/04/20 Golang