JS问题笔记——模拟Jq底层实现工厂模式
Posted herozhou工巧
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS问题笔记——模拟Jq底层实现工厂模式相关的知识,希望对你有一定的参考价值。
<script type="text/javascript"> (function (window,undefined){ function _$(arguments) { } _$.prototype={ constructor:_$, addEvent:function(){ alert("addEvent"); return this; }, getStyle:function(){ alert(‘getStyle‘); return this; } } window.$=_$; _$.onReady=function(fn){ window.$=function(){ return new _$(arguments); } fn(); } })(window) $.onReady(function(){ $("inq").addEvent().getStyle(); }) </script> <script type="text/javascript"> (function (window,undefined){ function _$(arguments) { } Function.prototype.method=function(methodName,fn) { this.prototype[methodName]=fn; return this; } _$.prototype={ constructor:_$, addEvent:function(){ alert("addEvent"); return this; }, getStyle:function(){ alert(‘getStyle‘); return this; } } window.$=_$; _$.onReady=function(fn){ window.$=function(){ return new _$(arguments); } _$.method(‘addEvent‘,function(){ alert("addEvent2"); return this; }).method(‘getStyle‘,function(){ alert("getStyle2"); return this; }); fn(); } })(window) $.onReady(function(){ $("inq").addEvent().getStyle(); }) //为什么要加_$.method()? 不加也行? </script>
以上是关于JS问题笔记——模拟Jq底层实现工厂模式的主要内容,如果未能解决你的问题,请参考以下文章