我知道这一天终将会到来，现在，它来了。

 

　　需求

 

　　开发 SharePoint 的 CSOM 应用时，经常需要在网页上输出一些信息。

 

　　这种需求和 alert 的弹窗、F12 的断点查看信息的场景是不一样的：在这种场景下，你就是端着杯咖啡靠在那里坐着，看着关于应用程序运行的信息不断的在网页上输出，不用去关闭弹窗、也不用去设置断点。

 

　　详细的功能需求如下：

 

　　输出的信息中自动包含时间

 

　　输出的信息按照类型显示不同的样式

 

　　输出的信息类型包括：普通信息、调试信息、警告、错误

 

　　可选按照时间升序输出信息（稍作修改可以时间降序排列）

 

　　设计

 

　　原理与实现

 

　　首先，来个简单的原理。写一个空的 plugin：

 

　　1: $.fn.message=function （） {

 

　　2:     return this;

 

　　3: }

 

　　这个 plugin 的用法就是：

 

　　1: var msg=$（"#divMessage"）。message（）;

 

　　这里面的关键就是拿到了 this 这个对象，后面的所有代码、功能的实现都依赖于这个对象。

 

　　接下来，实现 show 函数来做测试。show 函数将接受消息内容作为参数，然后显示出来：

 

　　1: $.fn.message=function （） {

 

　　2:     this.show=function （msg） {

 

　　3:         this.html（msg）;

 

　　4:     }

 

　　5:     return this;

 

　　6: }

 

　　然后，可以这样用：

 

　　1:

 

　　Messaeg

 

　　2:

 

　　3:     $（document）。ready（function （） {

 

　　4:         var msg=$（"#divMessage"）。message（）;

 

　　5:         msg.show（"hello"）;

 

　　6:     }）;

 

　　7:

 

　　于是，内容就出来了：

 

　　接下来，的代码就很简单了（jquery.message.js）：