jQuery扩展原理
自己附了两个例子,把它记录下来。
//1、扩展本身方式 function fun(){}//定义一个类(函数) //为该类(函数)添加一个静态方法extend,(静态方法这样定义,相当于一个新的函数【直接调用一个函数是不用new的】) fun.extend=function(obj){ for(var a in obj) this[a] = obj[a];//注意:这里的tihs即fun }
//2、扩展对象 (这样相当于原型上加了一个方法,也就相当于一个class中的一个method,所以要new) fun.prototype.extend = function(obj){ for(var a in obj) this[a] = obj[a];//注意:这里的this即是fun.prototype } jQuery(function(){ //扩展本身测试 fun.extend({name:"fun",method1:function(){}}); alert(fun.name); //扩展对象测试 fun.prototype.extend({name:"fun2",method1:function(){}}) alert(new fun().name); //例子演示: 这样写个例子相信大家理解的就会更明白! //为date添加静态方法 Date.testDate = function(){ alert('测试Date'); } Date.testDate(); //为date本身添加方法 Date.prototype.test = function(){ alert('Test Date self'); } new Date().test(); });
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17