我是靠谱客的博主 魁梧黑米,最近开发中收集的这篇文章主要介绍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对象的动态作用,但是第二方法更加的直观,易于理解。代码完全裸露在外。而第一种方法通过一个匿名函数将其封装,而且是通过闭包的形式,闭包相当于一个类,这种形式保护了自执行函数内的方法、变量、属性等。这样代码更加安全了。

最后

以上就是魁梧黑米为你收集整理的JavaScript如何定义一个自己的可复用的JS文件!的全部内容,希望文章能够帮你解决JavaScript如何定义一个自己的可复用的JS文件!所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部