解决console.log输出的被省略为...的问题（以及hbuilder自定义代码块的使用）

最新推荐文章于 2024-07-08 16:22:29 发布

laosixnotwo

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量2.1k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/laosixnotwo/article/details/109993856

版权

很多时候我们都需要使用console.log()输出一下数据
但是在用console.log()输出对象数据的时候，对象数据会被省略为…

在这里插入图片描述

需要点一下，数据才会显示出来

在这里插入图片描述

这非常的不方便

其实只要使用console.log(JSON.parse(JSON.stringify()))来输出数据，数据就会自动显示，不会被省略为…

在这里插入图片描述

如果你觉得，要打这么一长串代码才能输出想要的数据很麻烦，可以尝试使用各大编译器的“自定义代码块功能”，只要输入特定的前缀，就可自动补全一长串代码

我使用的编译器是hbuild，我介绍一下在hbuilder里使用自定义代码块的方法

工具 / 代码块设置 / 你需要定义的代码块类型
在这里插入图片描述
里边会有详细的使用说明，再次不过多赘述

最后奉上console.log(JSON.parse(JSON.stringify()))的自定义代码快

"console.log(JSON)": {
	"prefix": "conj",
	"body": [
		"console.log(JSON.parse(JSON.stringify($1)))"
	]
},

触发词是conj
在这里插入图片描述

关注