您的位置:首页 > Web前端 > JavaScript

关于解决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中闭包的概念,是一种更专业的解决方法。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: