自定义函数包装 console.log 回打印参数列表

自定义函数包装 console.log 来打印参数列表

在我们开发前端代码的时候需要调试js代码，有时候需要看一个对象的类型和属性方法，一般用firebug 就能做到了，firebug 有调试功能，可以在变量那里查看，但是需要添加断点，但是如果用console.log 打印对象的话就不需要设置断点也能看到对象里面的属性和方法。在进行extjs 开发的时候很多时候都不知道它提供回调函数里面的参数是什么，看api也很费劲，老半天找不到，还不如打印出来看看呢。所以我就写了这样一个函数。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>code</title>
	<script>
		
				
		window.onload = function () {
			cc({
				a : 0
			}, 1, 'leter');
		}
		
		var cc = function () {
			utils.sp(arguments, 1);
		}
		
		var utils = {
			
			pf : function (v) {
				console.log(v);
			},
			//isAlert 是否弹出alert 框
			sp : function (p, isAlert) {
				for (var i = 0; i < p.length; i++) {
					isAlert && alert('参数[' + i + '] > ' + p[i]);
					this.pf('---------参数[' + i + ']----------- ');
					this.pf(p[i]);
				}
			}
			
		}

	</script>
</head>
<body>
</body>
</html>

在cc函数里面调用utils.sp 方法，传入一个argument参数循环打印参数。

其实我觉得完美的解决方案是不需要传入argument的，但是试了老半天都没成功。

不知道有没有办法解决呢。

自定义函数包装 console.log 回打印参数列表

相关推荐