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

相关文章

  • 分析ES5和ES6的apply区别

    分析ES5和ES6的apply区别

    这篇文章主要介绍了分析ES5和ES6的apply区别,对ES6感兴趣的同学,可以参考下
    2021-05-05
  • JS Canvas接口和动画效果大全

    JS Canvas接口和动画效果大全

    这篇文章主要介绍了JS Canvas接口和动画效果大全,对Canvas感兴趣的同学,可以参考下
    2021-04-04
  • javascript数组去重方法分析

    javascript数组去重方法分析

    这篇文章主要介绍了javascript数组去重方法,通过2个示例对比分析了javascript数组去重的原理与操作技巧,需要的朋友可以参考下
    2016-12-12
  • javascript动态添加样式(行内式/嵌入式/外链式等规则)

    javascript动态添加样式(行内式/嵌入式/外链式等规则)

    添加CSS的方式有行内式、嵌入式、外链式、导入式,下面为大家详细介绍下javascript动态添加以上样式规则的方法,感兴趣的朋友可以参考下哈
    2013-06-06
  • 浅谈Javascript鼠标和滚轮事件

    浅谈Javascript鼠标和滚轮事件

    浅谈Javascript鼠标和滚轮事件,鼠标事件也许是web页面当中最常用到的事件,因为鼠标是最常用的导航设备
    2012-06-06
  • JavaScript继承的三种方法实例

    JavaScript继承的三种方法实例

    这篇文章主要给大家介绍了关于JavaScript继承的三种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 使用TypeScript在接口中定义静态方法详解

    使用TypeScript在接口中定义静态方法详解

    当我们谈论面向对象编程时,最难理解的事情之一就是静态属性与实例属性的概念,尤其是当我们试图在静态类型的基础上进行动态语言类型化时,在本文中,我将主要介绍一下如何使用TypeScript在接口中定义静态方法,需要的朋友可以参考下
    2023-10-10
  • input输入密码变黑点密文的实现方法

    input输入密码变黑点密文的实现方法

    本文主要介绍了Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JS检测图片大小的实例

    JS检测图片大小的实例

    这篇文章介绍了JS检测图片大小的实例,有需要的朋友可以参考一下
    2013-08-08
  • JavaScript实现网页带动画返回顶部的方法详解

    JavaScript实现网页带动画返回顶部的方法详解

    这篇文章主要为大家详细介绍了如何利用JavaScript实现网页带动画返回顶部的效果,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2022-08-08

最新评论