文档章节

JavaScript中方法名重复简单解决办法

cooking007
 cooking007
发布于 2016/10/09 09:28
字数 334
阅读 50
收藏 0

对于一个项目,为了代码简洁易懂,通常会为脚本语言单独创建.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中闭包的概念,是一种更专业的解决方法。

© 著作权归作者所有

cooking007
粉丝 0
博文 2
码字总数 751
作品 0
沈阳
私信 提问
WebView与APP交互实战

WebView与APP交互 WebView与APP交互,即网页通过调用APP的功能,APP也可以通过调用网页提供的方法。最近刚好接触到这一块,记录一下前端侧的实际操作过程,这篇文章适合还没接触过这一块的同学...

fengxianqi
01/29
0
0
[IOS黑魔法] - 使用jspatch热更新(介绍篇)

JSPatch是什么 JSPatch是一个开源项目,只需要在项目里引入极小的引擎文件,就可以使用 JavaScript 调用任何 Objective-C 的原生接口,替换任意 Objective-C 原生方法。目前主要用于下发 JS...

HeroHY
2017/03/14
16
0
开发者最容易犯的13个JavaScript错误

开发者最容易犯的JavaScript错误,总结出13个。这些当中可能少不了你犯的错误^_^。我们描述了这些陋习,并列出来解决办法,希望对开发者有帮助。 1.for.. 数组迭代的用法 Usage of for..in t...

花王
2011/04/18
4.9K
22
「译」JavaScript:将所有值都转换成对象

原文:JavaScript: converting any value to an object 译文:JavaScript:将所有值都转换成对象 译者:justjavac 这是一篇关于 原始值(primitive values)和包装对象(wrapper objects)之...

justjavac
2012/12/25
277
0
前端开发最容易犯的13个JavaScript错误

前端开发最容易犯的13个JavaScript错误,你中标了没 开发者最容易犯的JavaScript错误,总结出13个。这些当中可能少不了你犯的错误^_^。我们描述了这些陋习,并列出来解决办法,希望对开发者有...

cacao111
2018/07/11
0
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
昨天
59
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
昨天
28
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
昨天
65
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
昨天
58
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
昨天
60
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部