JQ也要面向对象~在JQ中扩展静态方法和实例方法
JQ也要面向对象,事实上,无论哪种开发语言,在开发功能时,都要把面向对象拿出来,用它的思想去干事,去理解事,面向对象会使问题简单化,清晰化,今天说两个概念“静态方法”与“实现方法”,这个在面向对象的语言中才有的东西,现在要把它搬到JQ中来了,呵呵。
静态方法:某种类型才有的方法,这个方法干的事情只有类型本身有关,不受具体实例对象的影响,在C#语言中,它用static表示,VB中用share表示,而在jq中我们一般用$或者JQuery表示JQ类型,而静态方法扩展一般用$.extend。
实例方法:当类型被表示为具体事物时,它被称为对象,或者实例对象,它所拥有的行为(方法)我们称为实例方法(一般书上不这样叫,一般都叫方法,但我比较喜欢实例方法这个代言,呵呵),在C#中我们从类型变为对象,可以使用new关键字来建立它,在JQ中,我们使用$("名称")来表示一个JQ对象,而实例方法扩展我们一般用$.fn.extend来实现。
下面是静态方法扩展的例子
//$.extend,JQ扩展,添加JQ的静态方法,与具体JQ对象无关 //对象合并 var person = { name: "zzl" }; $.extend(person, { sex: "male" }); alert(person.name + person.sex); //合并到JQ合局变量中 $.extend({ hello: function () { alert('hello'); } }); $.hello(); $.extend({ net: {} }); //jq下的net命名空间 $.extend($.net, { nethello: function () { alert('hello'); } }) $.net.nethello(); var result = $.extend(true, {}, {//true表示深度拷贝,表示子对象location也会被合并 name: "zzl", info: { address: "beijing", work: "developer" } }, { last: "zhanling", info: { work: "software developer", county: "China" } });
下在是实例扩展方法的例子、
//$.fn.extend,添加JQ实例对象的方法扩展,$("#A1")它代表一个JQ对象 $.fn.extend({ GetHtml: function () { alert($(this).html()); } }); $("#a1").GetHtml();
OK,今天主要说的就是JQ面向对象里的“静态方法”与“实例方法”,感觉把知识与“面向对象”联系起来后,学起来简单了一少,呵呵。
分类:
前端技术
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
2012-04-12 Redis学习笔记~实现消息队列比MSMQ更方便