插件接口的设计
来源:互联网 发布:网络剧张嘉倪孙尚香 编辑:程序博客网 时间:2024/05/18 02:15
1.基于插件接口设计的好处:把扩展的功能从主体框架中剥离出去,降低了框架的复杂度。
2.jQuery插件的开发分为两种:
①挂在jQuery命名空间下的全局函数,也称为静态方法
②jQuery对象级别的方法,即挂在jQuery原型下的方法,这样通过选择器获取的jQuery对象实例也能共享该方法
3.在JavaScript的世界中一共有四种上下文调用方式:
方法调用模式
函数调用模式
构造器调用模式
Apply调用模式
jQuery.extend调用的时候,上下文指向的是jQuery构造器,this是指向jQuery对象的(jQuery是函数,也是对象),所以这里扩展到jQuery上。
jQuery.fn.extend调用的时候,上下文指向的是jQuery构造器的实例对象,this指向fn对象,jQuery.fn和jQuery.prototype指向同一对象,扩展fn就是扩展jQuery.prototype原型对象。
//插件接口
ajQuery.extend = ajQuery.fn.extend = function(){
var options,src,copy,
target = argument[0] || {},
i = 1,
length = argument.length;
//只有一个参数,就是对jQuery自身的扩展处理 //extend,fn.extend if(i === length){ target = this; //调用的上下文对象jQuery/或者实例 i--; } for(;i<length;i++){ //从i开始取参数,不为空开始遍历 if((options = argument[i]) != null ){ for(name in options){ copy = options[name]; //覆盖拷贝 target[name] = copy; } } } return traget; } ajQuery.fn.extend({ setName:function(myName){ this.myName = myName return this; }, getName:function(){ $("#aaron").html(this.myName) return this; } }) $$().setName('必胜必胜!').getName();
阅读全文
0 0
- 插件接口的设计
- jQuery源码学习---插件接口的设计
- jQuery源码分析11--插件接口的设计,可拓展性
- kubernetes容器网络接口(CNI) midonet网络插件的设计与实现
- kubernetes容器网络接口(CNI) midonet网络插件的设计与实现
- kubernetes容器网络接口(CNI) midonet网络插件的设计与实现
- 基于接口的插件机制
- 接口的设计
- 设计合适的接口
- 接口设计的总结
- IDAL接口的设计
- 接口:类别的设计
- 库接口的设计
- 接口规格的设计
- App接口的设计
- 关于插件的设计
- jQuery源码解析--插件接口设计($.extend)
- Kubernetes网络接口(CNI) midonet网络插件设计与实现
- 【Python数据分析与展示】(八)数据合并、规整化
- JavaScript(4)- DOM
- 消失的硬盘空间:du与df统计不一致的解决方法
- 责任链模式
- shell 脚本之变量嵌套
- 插件接口的设计
- temu的使用
- C#——常用的日期时间操作函数
- 微信小程序:打开设置(权限)页面
- java中集合中的泛型以及集合中的排序,集合的嵌套
- [BZOJ3772]精神污染(主席树)
- aop面向切面编程原理,这个比喻我服辣,6翻了
- <计算机组成原理>——指令系统
- hcd cdc