前端调试js小技巧

最新推荐文章于 2025-07-26 15:53:47 发布

原创最新推荐文章于 2025-07-26 15:53:47 发布 · 426 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #前端

frontEnd 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种前端调试技巧，通过自定义consoleLog函数，实现更灵活的debug信息输出，无论是使用console.log还是alert，都可通过一个开关控制，极大提高调试效率。

前端调试js小技巧

在前端调试中，会经常添加console.log()语句，调试完后又需要挨个删除，比较麻烦，于是想到这么一个办法（希望以后遇到更好的办法）

	consoleLog(1,'alert',a)
	function consoleLog(flag=false,type,...outs) {
		/*
			input：
				flag:是否启用，true/false
				type:信息打印类型，alert/console
				...outs:输出信息，可以多个
		*/
		if(flag){
			if(type=='alert'){
				outs.forEach(function(item){
					alert(JSON.stringify(item))
				})
			}
			else{
				outs.forEach(function(item){
					console.log(item)
				})
			}
		}
	}