jquery构造函数分析
浏览数：32 /
时间：2015年06月09日
jquery是面向对象的写法也有构造函数，每次调用jquery方法是就会实例化一个jqeury对象，但是jQuery的写法却非常高明值得我们学习。
js虽然不是面向对象的语言，却又很多面向对象的写法，这里推荐大家看一下图灵的《javascript高级程序设计》中的面向对象的程序设计部分。在众多方法中比较常见的写法是构造加原型方式，下面举例：
var Person=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);
}
};
var tom=new Person(‘tom‘,23);
tom.init(‘你好‘);// tom说你好那再来看看jQuery的构造函数吧
// Define a local copy of jQuery
var jQuery = function( selector, context ) {
// The jQuery object is actually just the init constructor ‘enhanced‘
return new jQuery.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的方法啦，往后看到这样一句代码
// Give the init function the jQuery prototype for later instantiation jQuery.fn.init.prototype = jQuery.fn;
之前讲过jQuery.fn=jQuery.protype,这就意味着jQuery的原型对象赋给了init的原型，这样jQuery的原型方法自然init也就都有了，通过这样构造方式S使得使用jQuery方法非常简单既不需要new jQuery()的操作也不需要手动初始化就行调用普通函数一样简单。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
