`

自定义函数包装 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
分享到:
评论

相关推荐

    JS中捕获console.log()输出的方法

    在自定义的函数中,我们可以执行原本console.log()的功能,同时附加一些额外的操作来捕获输出内容。 具体实现步骤如下: 1. 保存原有console.log()函数的引用。这可以通过定义一个新的变量来实现,例如var oldLog ...

    Node.js-自制利用node的inspect方法对console.log进行一层封装

    总的来说,通过自定义`console.log`并利用`util.inspect`,我们可以得到更强大的日志输出能力,这对于Node.js开发尤其有用,特别是在处理复杂的对象结构和调试过程中。记住,良好的日志记录可以帮助开发者更快地理解...

    Node.js-console-log-level-最简单的记录器支持日志级别和自定义前缀

    在实际项目中,你可能会有多个模块或服务同时使用`console-log-level`,为了避免前缀冲突,可以通过函数参数进一步定制前缀: ```javascript function getLogger(prefix) { return require('console-log-level')({...

    js-log:包装在 console.log 周围

    你可以创建不同的函数,如`log.info()`, `log.warn()`, `log.error()`,并在控制台使用不同的颜色区分。 2. **时间戳**:自动添加当前时间戳,以便知道每个日志条目的精确时间。这有助于追踪代码执行的顺序。 3. *...

    console.log控制台信息前台显示代码.zip

    4. **自定义输出**:除了默认的行为,`screenlog.js` 可能还提供了一些高级功能,比如过滤特定类型的日志,自定义日志格式,甚至添加回调函数来处理每一条日志。 在实际应用中,这种技术可以用于创建更透明的用户...

    log.me:不会破坏 IE 的内置 console.log 的替代方案

    首先,`log.me`的核心思想是创建一个自定义的日志函数,它能够智能地检测当前环境是否支持`console.log`。如果支持,它会像标准`console.log`一样工作;如果不支持,它将不会抛出错误,而是默默地处理或者记录日志。...

    vueconsole通过consolelog来学习Vue各个过程的变化

    在“vue-console”项目中,我们可以通过`console.log`来深入了解Vue在不同生命周期阶段的内部运作机制。这个项目是一个很好的实践,帮助开发者更好地理解Vue的工作原理,从而提高应用开发的效率和质量。 首先,让...

    uploader.js使用说明

    `uploader.js` 是一个基于 WebUploader 封装的文件上传组件,简化了文件上传的操作流程,并提供了丰富的功能支持,如自定义上传流程回调函数、进度条显示、本地及远程文件删除、MD5校验等功能。 #### 二、环境准备...

    简介alert&#40;&#41;与console.log()的不同

    而 `console.log()` 不仅可以打印字符串,还能打印任何类型的数据,包括数组、对象、函数等。它会保留原始数据的类型和结构。例如,`console.log([1,2,3])` 将打印 "[1,2,3]"。 **3. 参数处理** `alert()` 不支持...

    vue 自定义函数库总结

    总的来说,Vue的自定义函数库包括但不限于:自定义插件、指令和组件。通过这些方式,我们可以扩展Vue的功能,构建出高效、可维护的前端应用。在实践中,不断探索和学习这些自定义功能,会使你在Vue开发中游刃有余。

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

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

    【JavaScript源代码】JavaScript类型检测的方法实例教程.docx

    总结来说,JavaScript中的类型检测涉及多种方法,包括`typeof`、`instanceof`、`Object.prototype.toString.call()`、`Array.isArray()`和自定义函数。根据实际需求选择合适的方法,可以确保代码的准确性和健壮性。...

    添加一个consolewarn声明至函数利用deprecatedtag注释

    3. **自定义行为**:虽然JSDoc本身不会在运行时产生警告,但我们可以编写一个Babel插件来实现这个功能。给定的压缩包文件名`gajus-babel-plugin-log-deprecated-ac0959f`可能包含一个这样的插件。Babel是一个广泛...

    最实用的JS数组函数整理

    使用回调函数的`sort()`方法在处理数值数组时十分有效,因为它可以根据我们自定义的比较逻辑,而非默认的Unicode编码,来确定元素的顺序。 以上就是一些最常用的JS数组函数的整理和说明。它们可以组合使用,解决...

    FLEX调试工具Console.swc

    开发者可以通过创建`Console`对象并调用其方法,例如`log()`、`error()`、`warn()`,来输出不同级别的日志信息。这些方法不仅支持简单的文本输出,还能够接受变量作为参数,便于查看程序运行状态。 除了基本的日志...

    前端项目-console.js.zip

    `console.js` 文件通常包含自定义的控制台函数,以增强原生浏览器控制台的功能,提供更加友好的输出格式,或者增加额外的调试辅助工具。在“前端项目-console.js.zip”中,我们可以期待找到一个专门针对前端开发的...

    console _ Node.js API 文档.pdf

    Console类可以通过new Console(stdout, stderr[, ignoreErrors])构造函数创建,其中stdout和stderr参数指定了日志输出和错误输出的目标流。Console类还可以通过传递一个options对象来创建,该对象可以包含多种选项如...

    Javascript数组函数大全

    ### JavaScript 数组函数详解 #### 1. `shift` 方法 `shift` 方法用于移除数组的第一个元素,并返回被移除的元素。如果数组为空,则返回 `undefined`。 ```javascript let a = [1, 2, 3, 4, 5]; let b = a.shift();...

    详解JavaScript中的自定义大事编写_.docx

    首先,我们可以通过`Event`构造函数来创建一个基本的自定义事件。例如: ```javascript var event = new Event('build'); ``` 这里创建了一个名为`build`的自定义事件。接着,我们可以使用`addEventListener`为...

    前端项目-javascript-debug.zip

    "javascript-debug-master"可能包含了一个封装好的调试工具库,可能提供了更丰富的console.log替代方法,比如带有颜色、时间戳或自定义标签的输出,以及更方便的错误捕获和处理机制。这样的库可以帮助开发者快速定位...

Global site tag (gtag.js) - Google Analytics