浅谈jQuery构造函数分析
前端之家收集整理的这篇文章主要介绍了
浅谈jQuery构造函数分析，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_404_0@在我的上一篇文章里面 阐述了jQuery的大致框架，知道了所有代码都是写在了一个自调用匿名函数里面，并且传入了window对象，源码是这样的：
<div class="jb51code">
<pre class="brush:js;">
(function( window,undefined ) {...})( window );
@H_
404_0@我们通过alert(jquery) 知道它是一个对象，那么这个对象是怎么构造出来的呢？我们使用$(document)类似的写法
获取元素，就好像直接
调用了普通的
方法一样，jQuery就是普通的
函数吗？如果是构造
函数为什么不是 new $(document)的常见形式呢？
@H_
404_0@其实jQuery是面向对象js库，也有构造
函数，每次
调用jQuery
方法是就会实例化一个jQeury对象，但是jQuery的写法却非常高明。
@H_
404_0@首先先谈谈js面向对象： js虽然不是面向对象的语言，却又很多面向对象的写法，这里推荐大家看一下图灵的《javascript高级程序设计》中的面向对象的程序设计部分。在众多
方法中比较常使用的写法是构造加原型方式，下面举例：
@H_
404_0@其实jQuery也是采用的这种方式只不过用了更聪明的写法，一起再看看jQuery的构造
函数有什么不同
@H_
404_0@从源码中可以看到在jQuery真正的
函数是init
方法，当我们
调用jQuery时会返回new init()的结果而不直接new jQuery() .
@H_
404_0@jQuery.fn是啥呢，在后面我们会看到这样一句
代码
@H_
404_0@这样就很好理解了，其实jQuery.fn就是原型对象也就是说在jQuery原型里面有一个init
方法，这个
方法是真正的构造
函数。这样写的好处就是不需要在写$().init()这样的操作，直接就初始化了，但是还有一个问题就是既然init才是构造
函数那我们写在jQuery上面的那么
方法实例不是不能
调用吗?init的实例化自然只能
调用init的
方法啦，往后看到这样一句
代码
@H_
404_0@之前讲过jQuery.fn=jQuery.protype,这就意味着jQuery的原型对象赋给了init的原型，这样jQuery的原型
方法自然init也就都有了，通过这样构造方式S使得使用jQuery
方法非常简单既不需要new jQuery()的操作也不需要手动初始化就行
调用普通
函数一样简单。
原文链接：https://www.f2er.com/jquery/54388.html
