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

 更新时间:2019年09月10日 11:17:35   作者:一步一步向上爬  
这篇文章主要介绍了js中console在一行内打印字符串和对象的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

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

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

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

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

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

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

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

我感觉写的有点啰嗦了,明明就是再讲一个逗号的事情,你给我扯这么多没用的哈哈。

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

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

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

总结

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

相关文章

  • Webpack4+Babel7+ES6兼容IE8的实现

    Webpack4+Babel7+ES6兼容IE8的实现

    这篇文章主要介绍了Webpack4+Babel7+ES6兼容IE8的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来

    js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来

    找过很多图片轮询效果,和我的要求总是有些出入,不能十全十美。不是功能不全,就是太多花哨。本想自己开发一个,鉴于琐事拖延,迟迟未能开始
    2011-11-11
  • 微信小程序实现发红包功能

    微信小程序实现发红包功能

    这篇文章主要为大家详细介绍了微信小程序实现发红包功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • 微信小程序学习之数据处理详解

    微信小程序学习之数据处理详解

    这篇文章主要给大家介绍了关于微信小程序中数据处理的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07
  • JavaScript 函数节流详解及方法总结

    JavaScript 函数节流详解及方法总结

    这篇文章主要介绍了JavaScript 函数节流详解及实例的相关资料,需要的朋友可以参考下
    2017-02-02
  • JS选项卡动态替换banner图片路径的方法

    JS选项卡动态替换banner图片路径的方法

    这篇文章主要介绍了JS选项卡动态替换banner图片路径的方法,涉及javascript操作文件css样式的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-05-05
  • 浅谈js使用in和hasOwnProperty获取对象属性的区别

    浅谈js使用in和hasOwnProperty获取对象属性的区别

    下面小编就为大家带来一篇浅谈js使用in和hasOwnProperty获取对象属性的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • Javascript中克隆一个数组的实现代码

    Javascript中克隆一个数组的实现代码

    这篇文章主要是对在Javascript中克隆一个数组的实现代码进行了介绍。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • countUp.js实现数字动态变化效果

    countUp.js实现数字动态变化效果

    这篇文章主要为大家详细介绍了countUp.js实现数字动态变化效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • JS复制对应id的内容到粘贴板(Ctrl+C效果)

    JS复制对应id的内容到粘贴板(Ctrl+C效果)

    这篇文章主要给大家介绍了利用JS实现复制指定对应id的内容到粘贴板(Ctrl+C效果),文中给出了详细的介绍和示例代码,有需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-01-01

最新评论