$(function(){})的执行过程分析

作者：zccst

首先，$(function(){})是$(document).ready(function(){})的简写形式。

在日常使用中，我们会把代码写到$(function(){})中，今天看看jQuery是如何做的（过程有点长）。

1，看jQuery入口，结论是$(function(){})是$(document).ready(function(){})的简写形式

$(function(){})相对于$()中传入了一个function类型的数据。根据源码：

jQuery.fn = jQuery.prototype = {

init:function( selector, context, rootjQuery ) {

if ( jQuery.isFunction( selector ) ) {
return rootjQuery.ready( selector );
}

}

而rootjQuery就是$(document)，见866行源码

// All jQuery objects should point back to these
rootjQuery = jQuery(document);

2，$(document).ready(function(){})是如何实现的呢？

从$().ready()的调用方式可以看出，ready是对象方法，见240行源码

ready: function( fn ) {
// Add the callback
jQuery.ready.promise().done( fn );

return this;
},

可以看出，jQuery.ready.promise()是一个对象，调用了done(fn)方法，表明调用了一个延迟对象，再看一下jQuery.ready.promise()

 jQuery.ready.promise = function( obj ) {

     if ( !readyList ) {

         readyList = jQuery.Deferred();

         // Catch cases where $(document).ready() is called after the browser event has already occurred.

         // we once tried to use readyState "interactive" here, but it caused issues like the one

         // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15

         if ( document.readyState === "complete" ) {

             // Handle it asynchronously to allow scripts the opportunity to delay ready

             setTimeout( jQuery.ready );//调用工具方法jQuery.ready

         } else {

             // Use the handy event callback

             document.addEventListener( "DOMContentLoaded", completed, false );

             // A fallback to window.onload, that will always work

             window.addEventListener( "load", completed, false );//回调函数在90行，也调用工具方法jQuery.ready

         }

     }

     return readyList.promise( obj );

 };

随机推荐

如何在Windows 2003+IIS6的环境下找回应用程序池(application pool)中的服务账号密码
上一篇文章说了说如何在Win2008+iis7中取出SharePoint管理账号密码的方法. 整个过程简单的讲,就是通过使用要找回密码的账号用来在SharePoint中创建一个临时的Web Appli ...
WPF中DataGrid的ComboBox的简单绑定方式（绝对简单）
在写次文前先不得不说下网上的其他wpf的DataGrid绑定ComboBox的方式,看了之后真是让人欲仙欲死. 首先告诉你一大堆的模型,一大堆的控件模板,其实或许你紧紧只想知道怎么让combobox怎 ...
OPENSHIFT MYSQL使用Navicat连接配置
最近一直在研究openshift免费空间的使用,对于如何用本地的数据库工具连接一直在找方法,呵呵,初学者. 以下方法可以实现: 1.在本地命令行中执行命令:rhc port-forward 应用名如 ...
ionic之应用首次启动引导页
用户首次启动app先进入引导页,localstroge记录状态,下次启动应用不再显示引导页. HTML: <html> <head> <meta charset=&quo ...
UIView设置少于四个的圆角
最近的需求中有个label需要设置右下角为圆角,其余三个为直角,一开始用的是重写drawRect,然后用绘图重绘每个角的样子,计算起来还是麻烦后来发现了下面的方法: UILabel *courseS ...
简单查询plan
-> alter session set statistics_level=all; select /*+ gathe_plan_statistics */ * from ts.ts_recor ...
SpringBoot入坑-配置文件使用
经过上一篇的介绍,相信小伙伴们已经按奈不住内心对springboot的向往,本篇我将继续向小伙伴介绍springboot配置文件的配置,已经全局配置参数如何使用,好了下面开始我们今天的内容介绍. 我们 ...
正则化，L1，L2
机器学习中在为了减小loss时可能会带来模型容量增加,即参数增加的情况,这会导致模型在训练集上表现良好,在测试集上效果不好,也就是出现了过拟合现象.为了减小这种现象带来的影响,采用正则化.正则化,在减 ...
leetcode-algorithms-1 two sum
leetcode-algorithms-1 two sum Given an array of integers, return indices of the two numbers such tha ...
Qt在线/离线安装包下载网址和说明
截至到2018年3月27日,Qt最新版本的安装需要使用在线安装工具:qt-unified-windows-x86-3.0.2-online.exe,该安装个工具的下载地址为: http://downl ...

秒客网

$(function(){})的执行过程分析

随机推荐

相关文章