在JS中，如果存在同名同参的方法，它会先调用哪一个？先看两个例子：

例1:

<html>

<head>

    <title></title>

    <script type="text/javascript">

        function btnTest() {

            $f1();

            $f2();

        }

        function A() {

            alert();

        }

        var $f1 = A;

    </script>

    <script type="text/javascript">

        function A() {

            alert();

        }

        var $f2 = A;

    </script>

</head>

<body>

    <form>

        <div>

            <input type="button" name="Testing" onclick="btnTest();" value="TEST" />

        </div>

    </form>

</body>

</html>

结果会弹出：1    2

例2:

<html>

<head>

    <title></title>

    <script type="text/javascript">

        function btnTest() {

            $f1();

            $f2();

        }

        function A() {

            alert(1);

        }

        var $f1 = A;

        function A() {

            alert(2);

        }

        var $f2 = A;

    </script>

</head>

<body>

    <form>

        <div>

            <input type="button" name="Testing" onclick="btnTest();" value="TEST" />

        </div>

    </form>

</body>

</html>

结果会弹出：2    2

这和当前的代码段有很大关系，如果在两个同名同参的JS方法同一个代码段内部，则最后加载的方法会将前一个覆盖掉，反之，如果能在当前代码段找到对应的方法，就立即调用。

在JS中，如果存在同名不同参的方法，它会先调用哪一个？再看两个例子：

例1:

<html>

<head>

    <title></title>

    <script type="text/javascript">

        function btnTest() {

            var val = document.getElementById("txtVal").value;

            if (val > 10) {

                A();

            }

            else {

                A(val);

            }

        }

        function A() {

            alert(1);

        }

        function A(val) {

            alert(2);

            alert(val);

        }

    </script>

</head>

<body>

    <form>

        <div>

            Input Value(INT):<input type="text" id="txtVal"/><br>

            <input type="button" name="Testing" onclick="btnTest();" value="TEST" />

        </div>

    </form>

</body>

</html>

例2:

<html>

<head>

    <title></title>

    <script type="text/javascript">

        function btnTest() {

            var val = document.getElementById("txtVal").value;

            if (val > 10) {

                A();

            }

            else {

                A(val);

            }

        }

        function A() {

            alert(1);

        }

    </script>

    <script type="text/javascript">

        function A(val) {

            alert(2);

            alert(val);

        }

    </script>

</head>

<body>

    <form>

        <div>

            Input Value(INT):<input type="text" id="txtVal"/><br>

            <input type="button" name="Testing" onclick="btnTest();" value="TEST" />

        </div>

    </form>

</body>

</html>

测试结果：同名不同参的方法会用最后加载的方法会将前一个覆盖掉！

JavaScript 同名方法的处理的更多相关文章

  1. 页面 JavaScript 存在多个同名方法的调用分析

    在 JavaScript 中,不存在方法重载的概念,方法重载指的是可以定义不同类型的参数和参数个数的同名方法,然后可以按需调用. 如需实现按参数个数的不同去执行不同的方法主体,正确的做法是通过定义一个 ...

  2. es6 javascript对象方法Object.assign()

    es6 javascript对象方法Object.assign() 2016年12月01日 16:42:34 阅读数:38583 1  基本用法 Object.assign方法用于对象的合并,将源对象 ...

  3. JavaScript - reduce方法,reduceRight方法 (Array)

    JavaScript - reduce方法 (Array) 解释:reduce() 方法接收一个函数作为累加器(accumulator),数组 中的每个值(从左到右)开始合并,最终为一个值. 语法:a ...

  4. JavaScript slice() 方法

    JavaScript slice() 方法  JavaScript Array 对象 实例 在数组中读取元素: var fruits = ["Banana", "Oran ...

  5. JavaScript toLocaleString() 方法

    JavaScript toLocaleString() 方法 JavaScript Array 对象 定义和用法 把数组转换为本地字符串. 语法 arrayObject.toLocaleString( ...

  6. 关于JavaScript lastIndexOf() 方法 w3school.com.cn写的不一定全对

    关于JavaScript lastIndexOf() 方法 w3school.com.cn的表述是 定义和用法 lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的 ...

  7. javascript一些方法兼容

    javascript一些方法兼容 标签(空格分隔): javascript 方法收集 [TOC] Object.keys 参考地址 if (!Object.keys) Object.keys = fu ...

  8. 在Swift中使用JavaScript的方法和技巧

    本文作者Nate Cook是一位独立的Web及移动应用开发者,是继Mattt大神之后NSHipster的主要维护者,也是非常知名活跃的Swift博主,并且还是支持自动生成Swift在线文档的Swift ...

  9. 把C编译成javascript的方法

    把C编译成javascript的方法,便于嵌入到HTML5中 https://github.com/kripken/emscripten

随机推荐

  1. Unity中HDR外发光的使用

    1.使用标准材质,设置好Emission外发光 2.Camera下打开HDR,加上Bloom特效 最终效果 如果只勾选HDR,只会有高光感,不会有外发光 注意,正向光照下打开HDR不可用抗锯齿,否则切 ...

  2. hiho 第118周 网络流四·最小路径覆盖

    描述 国庆期间正是旅游和游玩的高峰期. 小Hi和小Ho的学习小组为了研究课题,决定趁此机会派出若干个调查团去沿途查看一下H市内各个景点的游客情况. H市一共有N个旅游景点(编号1..N),由M条单向游 ...

  3. java-pfx文件转换成16进制内容

    public static void main(String[] args) throws Exception { String path = "D://111.pfx"; Inp ...

  4. ioshittest的用法

    昨天,发一个一个BUG.应用了一个第三方控件.一切好,效果出来符合要求. 准备收工时,再次进行测试,发现一个很严重后果的BUG,view上的按钮事件都没了. 经过各种测试,发现就是新引入的第三方控件引 ...

  5. Maven仓库的理解及配置

    什么是Maven仓库 在不用Maven的时候,比如说以前我们用Ant构建项目,在项目目录下,往往会看到一个名为/lib的子目录,那里存放着各类第三方依赖jar文 件,如log4j.jar,junit. ...

  6. C++ UTF8 UrlEncode(宽字符)(转载)

    转载:http://www.cnblogs.com/newcj/p/3645749.html #include "UrlEncode.h" #include <string& ...

  7. Struts2的输入校验（1）——校验规则文件的编写

    Struts2的输入校验(1) --校验规则文件的编写 Struts2提供了基于验证框架的输入校验,所有的输入校验只要编写配置文件,Struts2的验证框架将会负责进行服务器校验和客户端校验. 注: ...

  8. Java程序员必备的6款最佳开发工具

    工欲善其事,必先利其器.每一个Java程序员都有其惯用的工具组件.对于Java程序员,各种有用的软件和工具泛滥成灾.初级开发人员要么找不到合适的工具,要么在寻找过程中浪费了大量的时间.下面,我将为大家 ...

  9. Eclipse搭建Android5.0应用开发环境 “ndk-build”:launchingfailed问题解决

    Eclipse搭建Android5.0应用开发环境 "ndk-build":launchingfailed问题解决 详细参考http://blog.csdn.net/loongem ...

  10. 中国特色社会主义的体制中有这样的现象：地方省政府要坚持党的领导和按 照国务院的指示进行安全生产。请编写一个java应用程序描述上述的体制现象。

    package a; public interface CentralPartyCommittee { void partyLeader(); } package a; public abstract ...