javascript 同名方法 执行顺序，经验讲解

改进代码复用避免重名方法问题
最新推荐文章于 2025-07-23 14:27:17 发布
原创 最新推荐文章于 2025-07-23 14:27:17 发布 · 497 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文探讨了在项目中使用网上找到的代码片段时如何避免引入重名方法的问题，提出了一种通过修改引用顺序来解决的方法，并强调了在实际应用中应进行适当的代码调整以防止潜在的蝴蝶效应。
首先 要承认错误
这个不是原创 ，也是自己遇到问题 网上一顿翻 看到了这位兄台的高论
觉得很不错
特来 留念下
[quote]http://topcss.iteye.com/blog/345638[/quote]
这里面值得一说的就是最后一句话
js同名方法的执行顺序 是执行最后一个方法

而这里面最后一个方法的意思 是引用顺序上得最后一个

好了 重点说完了 说点闲话

不管看帖的各位 有多少年的工作经验， 我还此 还是要提醒大家！网上把来的东西扔到项目里可以，这无可厚非，不过请大家用点心，改一改，最好不要弄出重名的问题来~
这样引来的蝴蝶效应 是很可怕的~~

刚才无意间发现了 这位兄台 对重名方法的另类解决办法，挺有意思(本人没有验证过)
[quote]http://wwwluo.blog.163.com/blog/static/6129023120104181055497/[/quote]

跳过第一段，直接在第二段开始看就可以了
JavaScript 从 0 到 1：开启编程之旅
邓邓子的博客
09-24 1526
JavaScript 是一种区分大小写的语言，无论是变量名、函数名还是操作符，都必须严格遵循大小写规则。例如，变量名 “Apple” 和 “apple” 代表两个不同的变量。在 JavaScript 中，标识符用于描述程序中的变量、函数、属性或参数等名称。一个合法的标识符规则如下：第一个字符必须是字母、下划线（_）或美元符号（$）；其他所有字符可以是字母、下划线、美元符号或数字；不能是 JavaScript 中的关键字或保留字。
Fiori Elements 在参数化主实体上的筛选限制：两种精确定义 FilterRestrictions 的方法与适用边界
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
10-05 39
在 OData V4 的 Fiori Elements 应用中，当主实体为参数化实体时，需通过两种方式声明筛选限制：1）在主实体集上直接声明 FilterRestrictions，使用 containment 路径指定筛选字段；2）通过 NavigationRestrictions 将限制声明到主实体的 containment 导航目标。两种方式都能定义字段的筛选行为（如多选支持），但路径 B 的导航级限制优先级更高。文章提供了 XML annotation 和 CAP CDS 的具体实现示例，并强调了参数
***** JavaScript 高级编程 之 同名函数的执行顺序 [原创] *****
iteye_14678的博客
03-09 220
作者：Topcss QQ：419074376 E-mail：andpai1.0@gmail.com Time：2008-10-20 背景：这是帮一个做教师的朋友写的，用来上课教学。   当我们在JavaScript中，要执行一个函数往往都是这样写     function aa(){     alert("first function"); }; aa();   有人会问能否再简化呢？答案是肯...
页面引入JS文件方法与页面内部方法同名时候的调用顺序
a519525531的博客
02-01 437
在一个页面引用了一个外部页面的情况下，如果两者有同名的方法，此时因为html语句使顺序加载的原因，后加载的会覆盖掉先加载的方法。 例如： 页面search.html为： @include("./common/header.htm",{page:'/index.htm'}){} function searchFun(){ if(!$('#kw2').val() == ''){ window.location = '${ctxPath}/search.htm?kw=' + encodeURICo
关于js重名方法的先后调用问题
weixin_30642561的博客
07-11 402
　　当js中方法重名时，最后引入的js会覆盖前面的引入的js（就是说会调用最后引入的js中的方法）详情参照（main.js与white.js 的a()）但是，当最后一个js中存在语法上的错误时（也可以是本js文件中其他方法格式错误），会调用前面的js中方法。详情参照（main1.js与white1.js的b()） <!DOCTYPE html> <html lang="e...
外部引入js文件和页面里存在同名方法的调用顺序
cs3235301的博客
10-26 4339
同名方法是后加载的覆盖先加载的，所以最终会调用页面内部的方法还是引入js文件里的方法取决于先引入的js文件还是先在页面里写的js方法（html语句是顺序加载的），即： &lt;script src="xxxx.js" type="text/javascript"&gt;&lt;/script&gt;           //假如xxxx.js里也有test()的方法 &lt;script ty...
JS 原型方法与对象方法优先级
LttleJoker的博客
10-25 424
首先我们先定义一个空对象作为演示。 let obj={}; obj.render(); 此时如果我们想使用obj对象下的render方法，那么系统就会自动从obj对象中寻找这个方法，如果obj对象中找不到这个方法，那么他就会去原型中寻找obj的父级，如果obj的父级也没有这个方法，系统就会报错。 那么此时我们向原型中添加一个render方法，然后打印看看obj这个对象。 let obj = {}; obj.__proto__.render = function () {
【JavaScript】 一万字 JavaScript 笔记（详细讲解 + 代码演示 + 图解）
m0_67401545的博客
07-31 304
你可以提前使用一个稍后才声明的变量，而不会引发异常再执行所有代码前，js有预解析阶段，会预读所有变量的定义注意：变量声明提升只提升定义不提升值console.log(a); // 先使用变量 var a = 12; // 后定义变量基本数据类型NumberString方法功能charAt()得到指定位置字符(越界为空串)substring()提取子串substr()提取字串slice()提取子串toUpperCase()将字符串变为大写toLowerCase()将字符串变为小写indexOf()
JavaScript从入门到精通（全）
热门推荐
码农研究僧的博客
07-22 2万+
目录前言1. 入门案例2. 语法2.1 变量2.2 函数 前言 运行在浏览器的脚本语言（目标程序以文本格式打开） 用于网页和用户之间的交互，比如提交的时候，进行用户名是否为空的判断 Java运行在JVM当中，JavaScript运行在浏览器的内存当中 完整的javascript由语言基础,BOM,DOM组成 1. 入门案例 script标签javascript代码必须放在script标签中 用户点击以下按钮，弹出消息框 html中嵌入javascript有三种方式 第一种方式： 事件句柄=“js代码
JavaScript -- 面向对象
qq_25329389的博客
07-23 898
本文系统介绍了JavaScript面向对象编程的核心概念与应用。主要内容包括：1）封装：通过直接量、构造函数等方式创建对象；2）继承：利用原型对象实现子对象共享属性和方法；3）多态：子对象重写父对象成员。详细讲解了10种创建对象的方法、7种继承实现方式以及深浅克隆技术，并深入分析了原型链机制和this关键字的多种应用场景，为前端开发提供了全面的面向对象编程指导。
遇到js函数同名的时候应该怎么办？
weixin_45822952的博客
04-18 1908
html中如果出现函数同名时： 如果有多个外部引入的js文件,例如a.js和b.js(引入顺序假定是a.js，然后是b.js)，同时html中本身也有内部的js. 那么针对 出现函数名一样的情况时，无论他们是否传递的参数一样还是不一样，返回值是否相同，都认为是一个函数，所以js 处理时，最后调用的函数F是按照这样的顺序处理的： 1、查找是否有外部引入的js文件 2、如果没有那么转到第3步，如果有...
v-model --双向数据绑定
qq_45802159的博客
01-03 3435
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
关于解决JS中方法名重复问题的简单办法
sinat_34842630的博客
09-09 5343
对于一个项目，为了代码简洁易懂，通常会为脚本语言单独创建.js文件。 如果项目中的.js文件过多，在命名方法名称时，若采用常规的全局方式命名，当同时引入多个.js文件时，很可能出现方法名重复的问题。 由于本人新手一枚，只是有以下简单方法，欢迎大牛们多给宝贵意见，不喜勿喷！！ js代码: var section={ a:function(){ alert("section.a()
JS函数定义两种方式及执行顺序
hp627578067的博客
07-26 9107
JS函数定义分为函数声明与函数表达式两种，具体定义及执行顺序如下图： 从结果来看， 声明型的函数会在所有的输出前执行，且不论位置在哪。（即声明函数会执行在文档的最前面） 然后console输出及表达式型函数按顺序执行，由于函数 名相同被结果被覆盖，且声明型函数不会再次执行 附图：表达式型函数定义必须先于调用 ...
js实现两个方式实现函数同步执行，比如先执行完B函数，再执行A函数。callback和async await
life_wanghexu的博客
01-13 2万+
1. 方式1 使用async await funcA(){ return new Promise((resolve, reject) => { if(true){ resolve(你要传正确返回值) }else{ reject(你要传输错误的值) } }) }, ...
js 函数调用顺序研究
黄刚的专栏
03-17 4266
花了半个小时自己测验了一下,关于JS同名函数调用的总结同大家分享一下:html中如果出现函数同名时：如果有多个外部引入的js文件,例如a.js和b.js(引入顺序假定是a.js，然后是b.js)，同时html中本身也有内部的js.那么针对 出现函数名一样的情况时，无论他们是否传递的参数一样还是不一样，返回值是否相同，都认为是一个函数，所以js 处理时，最后调用的函数F是按照这样的顺序处理的：
js中变量名与函数名重名的问题
Charles_Tian的博客
04-01 1万+
网上有很多的博客有谈到这个重名的问题，但是我觉得将不算是很全面，至少我看了还是不懂下面这道题到底是怎么回事。那在讲解这个问题的时候，我们先来看看下面这道题，一道面试题（南山西丽xx研究院）： var a = 1; function b(){ a = 10; return; function a(){ console.log(a); } } b(...
js里出现同名函数后问题
EnjoyInwind的专栏
02-14 9210
1. 在js里出现同名函数后，你在web页面里调用改js函数后，总是调用页面中最后一个加载的函数。 如一个jsp页面里两个js函数位置如下： function liu(str1,str2){} function liu(str1) 你在jsp页面里使用liu函数，则会调用后面一个函数（只有一个参数的那个）。 2. 在网页里调用js函数，调用时写的函数参数多于实际的函数参数个数，多的会被丢弃
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值