jQuery中关于jQuery.fn.init.prototype = jQuery.fn的解读

　　今天刚好是前一个项目上线的第二天，所以今天很闲，没什么事情做，突发奇想，想看看jQuery的源码。遂将看懂的一点记录与此，后续还会更新。

　　今天主要说一下jQuery的初始化,jQuery初始化的时候都是没有用new关键字生成的，所以，下面试想，如果不用new，jQuery的源码应该是这样的

var jQuery = function(selector, context) {return new jQuery(selector, context);
}

但是，但凡有一点编程基础的都会知道，这段代码会进入死循环，那jQuery源码到底是怎么解决的呢？带着这个疑问，请继续看下去。

　　jQuery初始化源码如下：　

var jQuery = function (selector, context) {// The jQuery object is actually just the init constructor 'enhanced'// Need init if jQuery is called (just allow error to be thrown if not included)return new jQuery.fn.init(selector, context);
}

jQuery.fn = jQuery.prototype = {// The current version of jQuery being usedjquery: version,constructor: jQuery,// The default length of a jQuery object is 0length: 0,init:function(){...}//一些实例方法...
}

最关键的一句

// Give the init function the jQuery prototype for later instantiation
jQuery.fn.init.prototype = jQuery.fn

　　不知道大家是怎么理解的，反正我是看了几遍没看懂。
　　最后，网上查阅资料，终于弄懂了，其实特别的简单，就是关于js原型的东西，一画图，就Ok了。自己画的图，比较丑。
　　

不过，网上找了一张好看的图

大概就是这样了，不知道人们看不看的懂，有时候觉得会吹牛逼也是一种能力。

jQuery中关于jQuery.fn.init.prototype = jQuery.fn的解读相关推荐

jquery中Live方法不可用，Jquery中Live方法失效
jquery中Live方法不可用,Jquery中Live方法失效 >>>>>>>>>>>>>>>>> ...
jQuery中live函数的替代-【jQuery】
在老版本的jQuery中,当需要对页面上某个由ajax加载的某片段的页面内容响应事件时,可以使用live函数来响应其事件,比如: $('a').live('click', function() { b ...
jQuery中的页面载入（$()、ready(fn)、onload）
用jQuery进行页面载入时有集中方式,我们通过例子来说明一下: 第一种(通过window.onload()): <!DOCTYPE html> <html><head& ...
jQuery中的几个模块总结
Query插件,以备并希望在前端方面有所长进.请批评指正. 一,类型判断全解 JQuery判断类型扩展方法:$.type() 1 /*type: function( obj ) {2 if ( obj ...
1号店案例html源码_手把手教一起写jQuery版mini源码，分析jQuery的优势
适合人群本文适合0.5~3年的前端开发人员,以及想了解jQuery是什么的小伙伴们. 前言谈谈个人对jQuery的看法. 如果你是一个五年以上的开发人员,相信你一定认识了解jQuery.这好比你十 ...
jQuery源码解析对象实例化与jQuery原型及整体构建模型分析（一）
//源码剖析都基于jQuery-2.0.3版本,主要考虑到兼容IE 一.关于jQuery对象实例化的逻辑: 整个jQuery程序被包裹在一个匿名自执行行数内: (function(window,und ...
Jquery源码中的Javascript基础知识（四）— jQuery.fn.init方法
$() 即调用了jQuery.fn.init方法 jQuery = function( selector, context ) {return new jQuery.fn.init( selector ...
jQuery分析(3) - jQuery.fn.init
1.前言上一篇jQuery分析(2)中了解了jQuery库的骨架实现原理,这就好比摇滚音乐,摇滚音乐不是某种音乐他就像一个音乐盒子,里面包含了各种不同的摇滚风格(山地.朋克.乡村.流行.硬摇.金属. ...
JQuery中的动画效果
show() hide() slideUp slideDown fadeIn fadeOut animate : 自定义动画 JQuery中的动画效果.html <!DOCTYPE html&g ...
jquery中apply与call的使用
每一个Function对象都有一个apply()方法和一个call()方法 A对象有一个方法,而B对象因为某种不可言说的情况也需要用到一样的方法,那么这时候我们是单独为B扩展个方法呢,还是借用一下A的 ...

jQuery中关于jQuery.fn.init.prototype = jQuery.fn的解读

jQuery中关于jQuery.fn.init.prototype = jQuery.fn的解读相关推荐

最新文章

热门文章