在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. laravel 重写以及500错误

    http://www.golaravel.com/laravel/docs/5.1/ sudo chmod 755 -R laravel chmod -R o+w laravel/storage

  2. Entity Framework 第七篇 简化排序

    上篇介绍了EF的分页实现,分页的时候会用到排序,但是使用起来表达式写的似乎很繁琐 , ); 如果直接使用排序字符串,不更直观简便么? respository.GetPaged<S_Users&g ...

  3. mean函数

    求平均值 th> a=torch.zeros(,) [.0002s] th> a [torch.DoubleTensor of size 1x3] [.0003s] th> a[{, ...

  4. stm32工程模板的创建

    创建完成后 STM32F10X_HD,USE_STDPERIPH_DRIVER, 以及包含头文件

  5. VC++使用WebBrowser控件，强制给控件指定版本显示网页

    转载:http://www.cnblogs.com/1175429393wljblog/p/5398928.html 最近为了抓取淘宝的成交数据,用C#的WebBrowser控件开发了一个简单的程序. ...

  6. MySQL(六) —— 运算符和函数

    1. 字符函数   函数名称 描述 CONCAT()         字符连接                             CONCAT_WS()          使用指定的分隔符进行字 ...

  7. git -C

    https://git-scm.com/docs/git -C <path> Run as if git was started in <path> instead of th ...

  8. Creating, Stopping, Re-Starting and Deleting a Timer in Oracle Forms

    I have written many posts previously on Timers in Oracle Forms like how to change images randomly wi ...

  9. 美国插画家Mike Bear作品欣赏

    Mike Bear,美国插画师兼概念艺术家,在漫画和游戏界从业6年有余,分别为包括Popcap.Rockstar Games.Hasbro.EA等在内的业界巨头创建作品.他的画风较为抽象,大胆想象出一 ...

  10. XML详解：第二部分 XML Schema

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...