封装,最简单的效果就是一个效果你可以重复的去调用 本来前端之路时间不是很长,但是对封装还是有一点点自己个人的理解,曾经踩过的坑也不在少数,最后总结出我个人风格的封装,听一位大神指点过,每个人都有属于自己思路的封装,每个人都有自己的思路,别的的思路可以借鉴,但是不能重用,因为那不是你自己的,要走出自己的路线来,最后不才,还是走出了自己的一点点的小路线。
现在上班有空闲的时候我经常会去网上看看别人的封装,感觉每个人的路大多数都不一样,接下去就说说我自己的路线吧!我还是个菜鸟,希望大神勿喷!
第一步:既然是jQuery的封装 以防万一 ,当然是先把jQuery传进去 ()(jQuery)
第二步:如果没有传值,需要有自己的默认的值,免得报错或者是没有默认值 就是声明一个传的对象 var default={参数}
第三步:声明一个你要执行的方法 function fun(){}
第四步:需要传入你外部声明对象的参数,方便里面的调用 function(obj){}
第五步:这个时候不能让对象暴露在外面,以免全局污染 所以需要用到jQuery的extend 把对象转化为自己的私有的对象:
第六步:用this.属性 把传入的obj全部变为自己的私有属性,那么在里面你需要用到的时候就很好调用了。
第七步:准备工作都做好了,接下去就是声明你需要写的方法和需要执行的事情了,这时候就可以用 fun.prototype 来构建自己该方法的私有的属于自己的方法。
第八步:最后就是用window.fun=fun 来引入外面的自己new出来的对象调用问题。
本人不才,希望有什么不对的或者走错了方法和路线可以让大神指点一下迷津。希望大家多多交流好提高自己的眼界。