模仿JQuery 的添加多个事件的原理

  var jquery=function(dom){
         


         var obj={
         
           
            ready:function(fn){
            
              if(typeof dom.onload=="function"){ //如果存在 先执行新的函数  在执行旧的函数  否则直接执行呗
               
                 
                var old=dom.onload;

               
               dom.onload=function(){
                 

                 fn();  //新的

                 old(); //旧的
               }
                

              
              }

              else{
                
                dom.onload=fn;
              
              }
            
            
            }
         
         
         }
           
           return  obj;
                 
      
      }

      window.onload=function(){
      
        alert('其实我执行了');
      }


     jquery(window).ready(function(){
         
         alert(123);


        });

//说到底原理上还是覆盖了

/*
只是第一次执行函数的的时候 old=dom.onload 是一个空函数 它肯定也执行了 就是 新的fn 和一个空函数

第二次执行函数的时候 第一次传入的函数fn 赋值给了old 然后执行了 新的fn 和上次的fn

 原理就是新的会覆盖以前的 onload 只会执行一次最新的onload  只不过把前两次定义的函数都包在一个onload里面了

所以呈现出一种不会覆盖的假象

妙哉

如果在定义一个  就把之前的包在里面  形成递归的原理！！！！

大化小  小化无！！  

*/