关于解决JS中方法名重复问题的简单办法

对于一个项目,为了代码简洁易懂,通常会为脚本语言单独创建.js文件。

如果项目中的.js文件过多,在命名方法名称时,若采用常规的全局方式命名,当同时引入多个.js文件时,很可能出现方法名重复的问题。

由于本人新手一枚,只是有以下简单方法,欢迎大牛们多给宝贵意见,不喜勿喷!!


js代码:

var section={

a:function(){

alert("section.a()");

},


b:function(){

alert("section.b()");

}

};


html代码:

/** 以单击事件调用为例  */


<input type="button" value="解决命名重复" οnclick="section.a()">



<input type="button" value="解决命名重复" οnclick="section.b()"/>


就是通过创建一个对象,每个.js文件的内容都作为该对象的属性存放,在调用时采用对象名.属性名的方式调用,这样就相当于给方法名指定了前缀,

只要保证相同前缀名下的方法名,即同一个.js文件中没有重复的方法名即可。



这是一种简单的方法,在jquery的源码中并不是采用这种方法解决名称重复问题,那种方式涉及到了JS中闭包的概念,是一种更专业的解决方法。



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值