jquery构造函数分析
jquery是面向对象的写法也有构造函数,每次调用jquery方法是就会实例化一个jqeury对象,但是jQuery的写法却非常高明值得我们学习。
js虽然不是面向对象的语言,却又很多面向对象的写法,这里推荐大家看一下图灵的《javascript高级程序设计》中的面向对象的程序设计部分。在众多方法中比较常见的写法是构造加原型方式,下面举例:
varPerson=function(name,age){this.name=name;this.age=age;}Person.prototype={constructor:Person,init:function(msg){this.say(msg);},say:function(msg){alert(this.name+'说'+msg);}};vartom=newPerson('tom',23);tom.init('你好');//tom说你好
那再来看看jQuery的构造函数吧
//DefinealocalcopyofjQueryvarjQuery=function(selector,context){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(selector,context,rootjQuery);},
可以看到在jQuery真正的函数是init方法,当我们调用jquery时会new init() 而不是 new jQuery() .
jQuery.fn是啥呢,在后面我们会看到这样一句代码jQuery.fn=jQuery.prototype={...
这样就很好理解了,其实jQuery.fn就是原型对象也就是说在jQuery原型里面有一个init方法,这个方法是真正的构造函数。这样写的好处就是不需要在写$().init()这样的操作,直接就初始化了,但是还有一个问题就是既然init才是构造函数那我们写在jQuery上面的那么方法实例不是不能调用吗?init的实例化自然只能调用init的方法啦,往后看到这样一句代码
//GivetheinitfunctionthejQueryprototypeforlaterinstantiationjQuery.fn.init.prototype=jQuery.fn;
之前讲过jQuery.fn=jQuery.protype,这就意味着jQuery的原型对象赋给了init的原型,这样jQuery的原型方法自然init也就都有了,通过这样构造方式S使得使用jQuery方法非常简单既不需要new jQuery()的操作也不需要手动初始化就行调用普通函数一样简单。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。