`

自定义函数包装 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的,但是试了老半天都没成功。

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

  • 大小: 45.7 KB
分享到:
评论

相关推荐

    JavaScript程序设计课件:函数的参数.pptx

    在自定义函数时,即使函数的功能实现不需要设置参数,小括号“()”也不能够省略。 5.2.3 函数的参数 2、参数设置 有参函数:适用于开发时函数体内的操作需要用户传递数据的情况。 形参:指的就是形式参数,具有特定...

    JavaScript程序设计课件:函数的定义方式.pptx

    JavaScript程序设计 函数的定义方式 5.2.1 函数的定义方式 概念 函数:用于封装一段完成特定功能的代码。 相当于将一条或多条语句组成的代码块包裹起来,...除了使用内置函数外,JavaScript中还可以根据具体情况自定义

    ololog:一个更好的console.log,用于日志驱动的调试爱好者

    一个更好的console.log用于日志驱动的调试爱好者 终端和Chrome DevTools的(尝试) (以方便调试函数表达式) 将Error实例格式化为 全面的sourcemap支持(通过 ) (实验性) 示例(新!) 这些示例演示了...

    elm-debug-transformer:使用自定义格式化程序将Elm Debug.log输出转换为漂亮的日志对象

    榆木调试变压器 使用自定义格式化程序将Elm Debug.log输出转换为漂亮的日志对象标准的Elm Debug.log控制台输出: 和与此包相同的输出 主模块公开了register()函数,该函数替换了console.log()并尝试使用Elm解析器...

    JavaScript自定义数组排序方法

    本文实例讲述了JavaScript自定义数组排序方法。分享给大家供大家参考。具体分析如下: Array中有自带的排序功能,这个使用起来比较方便,我们有一点必须清楚,就是排序的依据,如果sort不传入参数的话,那就是按照...

    分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

    问题的产生 在写JS的过程中,为了调试我们常常会写很多 console.log、console.info、console.group、console.warn、console.error代码来查看JS的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不...

    JavaScript格式化日期时间的方法和自定义格式化函数示例

    很多时候,我们可以利用JavaScript中Date对象的内置方法来格式化,如: 代码如下:var d = new Date();console.log(d); // 输出:Mon Nov 04 2013 21:50:33 GMT+0800 (中国标准时间)console.log(d.toDateString()); /...

    wrapper-roo:具有反射功能JavaScript透明函数包装器

    用自定义的钩子包装任何函数,在函数之前和之后执行代码,控制参数,结果等等,同时仍然对其余代码尽可能透明。 安装 该软件包可以从npm在本地安装: $ npm i wrapper-roo 用法 前后挂钩 钩子是要在给定的钩子之前...

    [hook.js]通用Javascript函数钩子

    function myalert(param){console.log("before hook");} alert.hook("_alert",myalert); alert.unhook("_alert","alert"); alert(1); //自定义对象匿名函数 function Person() { this.getName = function(name) { ...

    layui use 定义js外部引用函数的方法

    layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,... console.log("call Test"); } window.Hello = function(){ //可以被外部引用

    vue用ant design中table表格,点击某行时触发的事件操作

    console.log(record, 'record') } } }) 在官方文档中也写的很清楚 补充知识:Ant-Design-Vue table 合并单元格,并且添加点击事件 点击行,有一个customRow。可以配置点击事件。 单元格的自定义分为两种方式。 ...

    ECMAScript6函数剩余参数(Rest Parameters)

    我们知道JS函数内部有个arguments对象,可以拿到全部实参。现在ES6给我们带来了一个新的对象,可以拿到除开始参数外的参数,即剩余参数(废话好多 O(∩_∩)O~)。 这个新的对象和arguments不一样,它是程序员自定义...

    ol3-utfgrid:OpenLayers 3 的 UTF 网格支持

    ol3-utfgrid OpenLayers 3 的 UTF 网格支持应用程序接口构造函数new ol.utfGrid({"map":ol.Map,"url":"utfgrid_url_source"}) getData 方法ol.utfGrid.getData(lonlat) 自定义默认的 onMove 方法new ol.utfGrid({...

    ts-transformer-enumerate:TypeScript自定义转换器,可枚举字符串文字类型的并集成员

    一个是enumerate ,它在TypeScript代码中用于枚举字符串文字类型的并集成员,而另一个是TypeScript自定义转换器,用于正确地编译enumerate函数。 如何使用enumerate import { enumerate } from 'ts-transformer-...

    javascript自定义日期比较函数用法示例

    本文实例讲述了javascript自定义日期比较函数用法。分享给大家供大家参考,具体如下: 1.比较日期大小 [removed] function CompareDate(d1,d2) { return ((new Date(d1.replace(/-/g,"//"))) &gt; (new Date(d2....

    atguigu-utils:尚硅谷前端工具函数库

    尚硅谷大前端自定义工具函数库 说明 1. 包含以下8个方面 1). 函数相关 2). 数组相关 3). 对象相关 4). 字符串相关 5). 事件总线 6). 消息订阅与发布 7). Promise 8). ajax函数axios 9). 数据结构与算法 2. 使用 1). ...

    transmit:简单、轻量级的 javascript 事件监听库

    callback (function) (required) - 触发主题时执行的回调函数选项(对象)(可选) - 选项对象例如 Transmit.subscribe('mytopic', function(arg1, arg2) { console.log('Arg 1: ' + arg1); console.log('Arg 2: ' ...

    Console Enhanced Pro

    包装函数支持:指定项目的包装函数,以便在单击日志条目时,它会将您带到函数而不是Debug.log。 DLL支持:ConsoleE打开从DLL构建的源文件。文件在构建DLL的原始VS解决方案中自动打开(在Windows上)。 可扩展:编写...

    javaScript第七天(2)

    javaScript基础 ☞ 对象其他部分 [理解] ...console.log(zs); 注意事项: 自定义构造函数的命名规则要遵守帕斯卡命名法(单词的首字母大写) this关键字 this 关键字到底指的是谁? 口诀: 谁调用函数(构造函数

    dojo-loader-progress:向 Dojo Toolkit 加载器添加进度信息

    道场装载机进度使用此工具来跟踪 Dojo Toolkit 加载器的进度。用法: 加载 Dojo Toolkit 后立即包含progress.js &lt;... 或者定义一个自定义的require.onProgress函数: require . onProgress = function ( percent , c

Global site tag (gtag.js) - Google Analytics