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语言结构小记(一)
Sep 10 Javascript
编程语言JavaScript简介
Oct 16 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
基于BootStrap环境写jQuery tabs插件
Jul 12 Javascript
Angular路由简单学习
Dec 26 Javascript
AngularJS中$http的交互问题
Mar 29 Javascript
Vue.js轮播图走马灯代码实例(全)
May 08 Javascript
javascript中如何判断类型汇总
May 14 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 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开发中的错误收集,不定期更新。
2011/02/03 PHP
php中DOMElement操作xml文档实例演示
2013/03/26 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
PHP中exec函数和shell_exec函数的区别
2014/08/20 PHP
PHP基于反射机制实现插件的可插拔设计详解
2016/11/10 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
JQuery中使用ajax传输超大数据的解决方法
2014/07/14 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
2017/12/14 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
[02:41]DOTA2亚洲邀请赛小组赛第三日 赛事回顾
2015/02/01 DOTA
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
python将list转为matrix的方法
2018/12/12 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
python 下载文件的多种方法汇总
2020/11/17 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
18岁生日感言
2014/01/12 职场文书
探矿工程师自荐信
2014/01/24 职场文书
幼儿园中秋节活动方案
2014/02/06 职场文书
中学生家长评语大全
2014/04/16 职场文书
体现团队精神的口号
2014/06/06 职场文书
学生违纪检讨书200字
2014/10/21 职场文书
涨价通知怎么写
2015/04/23 职场文书
《我的伯父鲁迅先生》教学反思
2016/02/16 职场文书
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL
nginx七层负载均衡配置详解
2022/07/15 Servers