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();
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值