在我们开发前端代码的时候需要调试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()的功能,同时附加一些额外的操作来捕获输出内容。 具体实现步骤如下: 1. 保存原有console.log()函数的引用。这可以通过定义一个新的变量来实现,例如var oldLog ...
总的来说,通过自定义`console.log`并利用`util.inspect`,我们可以得到更强大的日志输出能力,这对于Node.js开发尤其有用,特别是在处理复杂的对象结构和调试过程中。记住,良好的日志记录可以帮助开发者更快地理解...
在实际项目中,你可能会有多个模块或服务同时使用`console-log-level`,为了避免前缀冲突,可以通过函数参数进一步定制前缀: ```javascript function getLogger(prefix) { return require('console-log-level')({...
你可以创建不同的函数,如`log.info()`, `log.warn()`, `log.error()`,并在控制台使用不同的颜色区分。 2. **时间戳**:自动添加当前时间戳,以便知道每个日志条目的精确时间。这有助于追踪代码执行的顺序。 3. *...
4. **自定义输出**:除了默认的行为,`screenlog.js` 可能还提供了一些高级功能,比如过滤特定类型的日志,自定义日志格式,甚至添加回调函数来处理每一条日志。 在实际应用中,这种技术可以用于创建更透明的用户...
首先,`log.me`的核心思想是创建一个自定义的日志函数,它能够智能地检测当前环境是否支持`console.log`。如果支持,它会像标准`console.log`一样工作;如果不支持,它将不会抛出错误,而是默默地处理或者记录日志。...
在“vue-console”项目中,我们可以通过`console.log`来深入了解Vue在不同生命周期阶段的内部运作机制。这个项目是一个很好的实践,帮助开发者更好地理解Vue的工作原理,从而提高应用开发的效率和质量。 首先,让...
`uploader.js` 是一个基于 WebUploader 封装的文件上传组件,简化了文件上传的操作流程,并提供了丰富的功能支持,如自定义上传流程回调函数、进度条显示、本地及远程文件删除、MD5校验等功能。 #### 二、环境准备...
而 `console.log()` 不仅可以打印字符串,还能打印任何类型的数据,包括数组、对象、函数等。它会保留原始数据的类型和结构。例如,`console.log([1,2,3])` 将打印 "[1,2,3]"。 **3. 参数处理** `alert()` 不支持...
总的来说,Vue的自定义函数库包括但不限于:自定义插件、指令和组件。通过这些方式,我们可以扩展Vue的功能,构建出高效、可维护的前端应用。在实践中,不断探索和学习这些自定义功能,会使你在Vue开发中游刃有余。
在自定义函数时,即使函数的功能实现不需要设置参数,小括号“()”也不能够省略。 5.2.3 函数的参数 2、参数设置 有参函数:适用于开发时函数体内的操作需要用户传递数据的情况。 形参:指的就是形式参数,具有特定...
总结来说,JavaScript中的类型检测涉及多种方法,包括`typeof`、`instanceof`、`Object.prototype.toString.call()`、`Array.isArray()`和自定义函数。根据实际需求选择合适的方法,可以确保代码的准确性和健壮性。...
3. **自定义行为**:虽然JSDoc本身不会在运行时产生警告,但我们可以编写一个Babel插件来实现这个功能。给定的压缩包文件名`gajus-babel-plugin-log-deprecated-ac0959f`可能包含一个这样的插件。Babel是一个广泛...
使用回调函数的`sort()`方法在处理数值数组时十分有效,因为它可以根据我们自定义的比较逻辑,而非默认的Unicode编码,来确定元素的顺序。 以上就是一些最常用的JS数组函数的整理和说明。它们可以组合使用,解决...
开发者可以通过创建`Console`对象并调用其方法,例如`log()`、`error()`、`warn()`,来输出不同级别的日志信息。这些方法不仅支持简单的文本输出,还能够接受变量作为参数,便于查看程序运行状态。 除了基本的日志...
`console.js` 文件通常包含自定义的控制台函数,以增强原生浏览器控制台的功能,提供更加友好的输出格式,或者增加额外的调试辅助工具。在“前端项目-console.js.zip”中,我们可以期待找到一个专门针对前端开发的...
Console类可以通过new Console(stdout, stderr[, ignoreErrors])构造函数创建,其中stdout和stderr参数指定了日志输出和错误输出的目标流。Console类还可以通过传递一个options对象来创建,该对象可以包含多种选项如...
### JavaScript 数组函数详解 #### 1. `shift` 方法 `shift` 方法用于移除数组的第一个元素,并返回被移除的元素。如果数组为空,则返回 `undefined`。 ```javascript let a = [1, 2, 3, 4, 5]; let b = a.shift();...
首先,我们可以通过`Event`构造函数来创建一个基本的自定义事件。例如: ```javascript var event = new Event('build'); ``` 这里创建了一个名为`build`的自定义事件。接着,我们可以使用`addEventListener`为...
"javascript-debug-master"可能包含了一个封装好的调试工具库,可能提供了更丰富的console.log替代方法,比如带有颜色、时间戳或自定义标签的输出,以及更方便的错误捕获和处理机制。这样的库可以帮助开发者快速定位...