jQuery.ready()函数仿写，与window.onload的区别

本文链接：https://blog.youkuaiyun.com/u013217071/article/details/75043767

window.onload和jquery的入口函数的区别：

js的window.onload是等所有资源（css，js，图片之类的文件）加载完成后，才执行。
jquery的入口函数是在html文档准备就绪（dom树加载完成后），去执行。
window.onload 事件会有覆盖现象，jquery进行了封装，不会覆盖

jquery的入口函数写法：

$(document).ready(function(){...})

$(function(){...})

jquery的入口函数仿写：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模拟jquery入口函数</title>
</head>
<body>

    <script>    
        //window.onload 事件会有覆盖现象，jquery进行了封装，不会覆盖
        var iQuery = function(dom){
            var obj ={
                ready : function(func){
                    //首先判断doucument.onload事件是否有
                    //1.有：重新赋值：先调用新函数，在调用旧函数，
                    if(typeof dom.onload === "function"){
                        var oldFunc = dom.onload;
                        dom.onload = function(){
                            func();
                            oldFunc();
                        }
                    }
                    //2.没有，直接赋值
                    else{
                        dom.onload = func;
                    }
                }
            };
            return obj;
        }
        iQuery(window).ready(function(){
            console.log("第一次调用");
        });
        iQuery(window).ready(function(){
            console.log("第二次调用");
        })
        iQuery(window).ready(function(){
            console.log("第三次调用");
        })
    </script>
</body>
</html>