博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
模拟jquery底层链式编程
阅读量:7057 次
发布时间:2019-06-28

本文共 1629 字,大约阅读时间需要 5 分钟。

//特点1:快级作用域,程序启动自动执行

//内部的成员变量,外部无法访问(除了var)

//简单的函数链式调用

function Dog(){
this.run=function(){
alert("跑");
return this;
};
this.eat=function(){
alert("吃");
return this;
};
this.sleep=function(){
alert("睡");
return this;
}
};
var p1=new Dog();
p1.run().eat().sleep();

(function(window,undefined){            //$最常用的对象返回给外界,大型程序开发,一般使用'__'作为私有对象(规范)            function _$(arguments){                //实现代码                                    };            //在function上扩展一个可以实现链式编程的方法            Function.prototype.method=function(metName,fn){                this.prototype[metName]=fn;                return this; //链式编程关键            }            //在_$原型对象上加一些公共方法            _$.prototype={                const:_$,                addEvent:function(){                    alert(11);                        return this; //链式编程关键                },                setStyle:function(){                    alert(22);                        return this; //链式编程关键                }            }            //window上先注册一个全局变量,与外界产生关系            window.$=_$;            //写一个准备方法            _$.onReady=function(fn){                //1.实例化出来_$对象,真正注册到window上                window.$=function(){                    return new _$(arguments);                }                //2.执行传进入的代码                fn();                //3.实现链式编程                _$.method('addEvent',function(){}).method('setStyle',function(){});            }        })(window); //程序的入口    /*    $(function(){            //jquery代码        })*/        $.onReady(function(){            $("dd").addEvent().setStyle();        })  

 

转载于:https://www.cnblogs.com/null11/p/5714147.html

你可能感兴趣的文章
windows配置Python多版本共存
查看>>
【二】 在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否函数该整数。...
查看>>
centos7修改系统时间、时区
查看>>
MySQL不带where条件的UPDATE和DELETE 限制操作说明
查看>>
AIX系统日志
查看>>
搭建rsync服务并同步重要数据
查看>>
MySQL日期与时间戳互转函数
查看>>
图像的二维卷积实现
查看>>
【转载】TypeScript学习笔记——var与let
查看>>
Uninstall from GAC In C# code
查看>>
脚本适用场合
查看>>
xml的sax解析方法
查看>>
咏南开发框架之既支持2层又支持3层开发
查看>>
博客堂Blog开张
查看>>
获得当前时间
查看>>
Spring与web MVC的整合——Spring的应用上下文管理
查看>>
程序员的编辑器——VIM(转)
查看>>
百度编辑器ueditor通过ajax方式提交,不需要事先转义字符的方法(异常:从客户端(xxx)中检测到有潜在危险的 Request.Form 值)...
查看>>
数组按时间(字符串->Date)排序
查看>>
电信网络拓扑图自动布局之曲线布局
查看>>