利用闭包的思想简单实现一个jquery

这段代码纯粹为了想让刚学的前端理解闭包的简单使用

var $ = function(id){
    let dom = document.querySelector(id)
    if(dom){
       return {
           css:function(name,style){
               dom[name] = style
               return $(id);
           },
           on:function(name,fn){
               if(Object.prototype.toString.call(fn) !== "[object Function]"){
                   return (console.error('fn需要是一个函数'))
               }
               dom.addEventListener(name,fn);
               return $(id)
           }
       }
    }
}
//使用
$('body').css('fontSize','24px')
$('body').on('click',()=>{console.log('点击了')});

输出 $('body') 可以看出闭包 Closure 引用这 dom 这个变量