关于解决JS中方法名重复问题的简单办法
2016-09-09 08:53
543 查看
对于一个项目,为了代码简洁易懂,通常会为脚本语言单独创建.js文件。
如果项目中的.js文件过多,在命名方法名称时,若采用常规的全局方式命名,当同时引入多个.js文件时,很可能出现方法名重复的问题。
由于本人新手一枚,只是有以下简单方法,欢迎大牛们多给宝贵意见,不喜勿喷!!
js代码:
var section={
a:function(){
alert("section.a()");
},
b:function(){
alert("section.b()");
}
};
html代码:
/** 以单击事件调用为例 */
<input type="button" value="解决命名重复" onclick="section.a()">
<input type="button" value="解决命名重复" onclick="section.b()"/>
就是通过创建一个对象,每个.js文件的内容都作为该对象的属性存放,在调用时采用对象名.属性名的方式调用,这样就相当于给方法名指定了前缀,
只要保证相同前缀名下的方法名,即同一个.js文件中没有重复的方法名即可。
All roads lead to Rome .
这是一种简单的方法,在jquery的源码中并不是采用这种方法解决名称重复问题,那种方式涉及到了JS中闭包的概念,是一种更专业的解决方法。
如果项目中的.js文件过多,在命名方法名称时,若采用常规的全局方式命名,当同时引入多个.js文件时,很可能出现方法名重复的问题。
由于本人新手一枚,只是有以下简单方法,欢迎大牛们多给宝贵意见,不喜勿喷!!
js代码:
var section={
a:function(){
alert("section.a()");
},
b:function(){
alert("section.b()");
}
};
html代码:
/** 以单击事件调用为例 */
<input type="button" value="解决命名重复" onclick="section.a()">
<input type="button" value="解决命名重复" onclick="section.b()"/>
就是通过创建一个对象,每个.js文件的内容都作为该对象的属性存放,在调用时采用对象名.属性名的方式调用,这样就相当于给方法名指定了前缀,
只要保证相同前缀名下的方法名,即同一个.js文件中没有重复的方法名即可。
All roads lead to Rome .
这是一种简单的方法,在jquery的源码中并不是采用这种方法解决名称重复问题,那种方式涉及到了JS中闭包的概念,是一种更专业的解决方法。
相关文章推荐
- 关于js的ajax方法导致跨域问题的解决办法
- 关于JS的Ajax bf52 方法导致跨域问题的解决办法
- 关于jquery的load方法在ie7下面不能很好达到预想中问题的解决办法。
- 关于tomcat服务器优化,常遇到的一些简单问题的解决方法 (z)
- 三大框架(SSH)关于URL转发乱码问题(最简单暴力的一种解决办法)
- cocos2dx js 关于canvas绘图模糊问题及解决办法
- 关于ajax页面里的js方法无法使用的解决办法
- 关于移动端css+js解决遮罩问题方法。
- 原创:关于UIButton嵌入到UIView点击无反应问题的解决方法和delegate的简单用法示例
- js关于对象键值为数字型时输出的对象自动排序问题的解决方法
- 关于startActivityForResult()方法后Activity直接退出的问题原因和解决办法
- Ajax局部更新导致JS事件重复触发问题的解决方法
- 使用dwr同步调用导致无法获取js方法的返回结果问题的解决办法
- 关于调用startActivityForResult()方法后Activity直接退出的问题原因和解决办法
- 关于使用imag.js出现的问题及解决方法(连载2)
- ie6 重复字符BUG问题的简单解决方法
- 关于UIButton嵌入到UIView点击无反应问题的解决方法和delegate的简单用法示例(转载)
- 关于导入的JS不支持中文的问题解决方法
- Ajax局部更新导致JS事件重复触发问题的解决方法
- 关于Struts2.0中重复提交问题的解决方法