JavaScript如何定义一个自己的可复用的JS文件!

   如何定义一个自己的可复用的JS文件

   Java中,我们可以用Jar的形式将我们常用的代码进行封装,然后复用,JS中可以不可以?当然可以,要不然这么多框架。

  Java中,我们可以定义自己的命名空间,类,然后在类中定义自己的方法,在使用的时候,只需要实例化类,然后使用对象即可,JS中没用命名空间和类的概念,JS中有一个非常重要的对象window这个就是全局对象,也可以认为这个是JS中唯一的命名空间,我们可以将自己的对象函数都附加在这个对象上,以供日后使用,这归功于JS对象的动态功能JQuery的源码打开看看,那个著名的$其实就是附加在windows上。既然是动态的,有没有觉得这个对象跟Java中的命名空间类似,在这里我就牵强附会的生拉硬套一个,将这个看做“特殊的对象”,那么我们可以在任何时候去给windows添加,看下面的用法。

 


//下面的代码在window对象中创建一个属于自己的对象或者命名空间,并把自执行函数中的方法附加到这个对象上,以便于我们调用这个自执行函数中的一些功能。 
( function () {
//根据id获取对象
function    _$(id) { return  document.getElementById(id); }
 
//创建一个自己的对象相当于C#中的命名空间(javascript中没有命名空间这个说法,刚才已经说了牵强附会)
window.liuyu = {};
 
//将内部函数_setStyle封装在mySpace命名空间内
window.liuyu.$ = _$;
})();
 
//测试代码
window.onload = function () {
var  divtest=window.liuyu.$( "testdiv" );
}
 
 
//如果不使用这种方法,那么,下面的方法也可以实现的。
 
  
window.liuyu= {};
window.liuyu.$ = function (id) { return  document.getElementById(id); }
//测试代码
window.onload = function () {
var  divtest=window.liuyu.$( "testdiv" );
}

 

  两种做法实现的功能是一样的,都体现了JS对象的动态作用,但是第二方法更加的直观,易于理解。代码完全裸露在外。而第一种方法通过一个匿名函数将其封装,而且是通过闭包的形式,闭包相当于一个类,这种形式保护了自执行函数内的方法、变量、属性等。这样代码更加安全了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值