本篇内容主要讲解“javascript出现同名方法会怎么样”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“javascript出现同名方法会怎么样”吧!
如果在两个同名同参的JS方法同一个代码段内部，则最后加载的方法会将前一个覆盖掉，反之，如果能在当前代码段找到对应的方法，就立即调用。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
在JS中，如果存在同名同参的方法，它会先调用哪一个？先看两个例子：
例1:
<html>
<head>
<title></title>
<script type="text/javascript">
function btnTest() {
$f1();
$f2();
}
function A() {
alert(1);
}
var $f1 = A;
</script>
<script type="text/javascript">
function A() {
alert(2);
}
var $f2 = A;
</script>
</head>
<body>
<form>
<div>
<input type="button" name="Testing" οnclick="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出现同名方法会怎么样”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
