jQuery实现原理浅析——一个调试类的实现
调试js代码时经常需要用到alert(),每次都要听到刺耳的‘当…’,于是就自己编写了一个简短的调试信息输出的函数debug。最近又在jQuery框架,于是就仿照其编写风格改进了一下。下面就把笔者在这个过程中的一些心得说出来,供大家参考。
一、函数实现的自定义调试函数debug
平常大家所用到的alert(msg),作用是把msg打印到警告框,虽然在编写代码时比较方面省事,但缺点也是很明显的,那就是每次都要点击,并且还有扰人的警告声。笔者所实现的debug函数,基本功能也跟alert(msg)类似,不同的是不需要点击。其把信息打印到一个个具有类名为debug_output的div里,并加上合适的样式,醒目而且不扰人。实现的代码如下,用到了jQuery库,而且我把jQuery.noConflict()打开,为的是能在不同的库共存(我所参与的项目要在Discuz!中加入jQuery库,而前者的common.js中也实现了$(),并且与jQuery不同):
//Output: testingDebug('testing');三、文中涉及到的知识
(1)jQuery的基本使用技巧,点此深入了解。
(2)闭包,点此深入了解。
(3)对象的原型prototype,点此深入了解。
(4)javascript类和对象的概念,点此深入了解。