[JavaScript] 同名Functionが複数存在する場合の動き

投稿日：2017年9月14日更新日：2018年5月2日

同じfunction名の関数が複数定義されている場合は、一番最後に定義されているfunctionが実行されます。

同名・同引数のFunctionが定義されている場合

例）Function「xa()」が２つ定義されている場合

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>サンプル</title>
<script>
  function xa(){
    alert("1");
  }

  function xa(){
    alert("2");
  }
</script>
</head>
<body>
<input type="button" value="btn1" onclick="xa();">
</body>
</html>

<!DOCTYPE html>

<head>

function xa(){

alert("1");

}

function xa(){

alert("2");

}

</script>

</head>

<body>

</body>

</html>

（結果）: 2

一番最後に定義されている方の結果が返ります。

同名で異なる引数のFunctionが定義されている場合

例）Function「xa(a)」「xa(a,b)」が定義されている場合

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>サンプル</title>
<script>
  function xa(a){
    alert("1");
  }

  function xa(a,b){
    alert("2");
  }
</script>
</head>
<body>
<input type="button" value="btn1" onclick="xa(1);">
</body>
</html>

<!DOCTYPE html>

<head>

function xa(a){