在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. 数字证书私钥sign及验证

    package com.epay.bank.test.encrypt; import java.io.FileInputStream; import java.security.KeyStore; i ...

  2. size函数

    size是求第一维度的大小 size(2)是求第二维度的大小

  3. 【Thread】多线程的异常处理？

    线程中处理异常是个头疼的问题,在异步的代码中,如何将异常捕获. 捕获异常后,将异常反馈给开发者,或用户.一般来说,反馈给开发者,多数方式在是日志中打印异常日志:而反馈给用户,多数是在界面上友好提示(比 ...

  4. Dungeon Master bfs

    time Limit:1000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u POJ 2251 Descriptio ...

  5. [转][Unreal3教程]引擎使用操作入门教程

    前言 如果你想转载这篇文章,请不要把这篇文章的来源去掉:http://blog.sina.com.cn/zjmjeo 一来是对我辛苦写这篇文章肯定,二来我可以有更多机会和你们这些朋友交流 1.打开引擎 ...

  6. 【转】ffmpeg参数中文详细解释

    感谢“大神”的无私奉献:http://blog.csdn.net/leixiaohua1020/article/details/15811977 a) 通用选项 -L license-h 帮助-fro ...

  7. poj 1066 线段相交

    链接:http://poj.org/problem?id=1066 Treasure Hunt Time Limit: 1000MS   Memory Limit: 10000K Total Subm ...

  8. 3.27考试总结（hnoi难度）

    1 duel1.1 DescriptionK·⁄¶("“uƒ¢y%¥§H5|+ (?1’m" ’m·ø?1§z<k§⁄k<⁄§lm?0,1,2...§zg ‹‰ª«mS ...

  9. SQL SERVER分区表

    简介 分区表是在SQL SERVER2005之后的版本引入的特性.这个特性允许把逻辑上的一个表在物理上分为很多部分.而对于SQL SERVER2005之前版本,所谓的分区表仅仅是分布式视图,也就是多个 ...

  10. Win7路由器设置过程

    随着应用win7系统的人越来越多,对于这个系统的应用就更多了,其中大家最关注的就是这个系统和路由器上网的问题.下面,我们就来讲解一下win7系统的路由器的设置过程. 首先打开浏览器,在地址栏输入192 ...