Javaスクリプト定義と関数呼び出しの例

替え： ジェームズ・ハートマン ジェームズ・ハートマン
Hours 更新中

機能とは何か Javaスクリプト？

関数は、コードを再利用可能にするため、どのプログラミング言語でも非常に重要で便利です。 関数は、呼び出された場合にのみ実行されるコードのブロックです。 数行のコードを何度も使用する必要がある場合は、繰り返しのコード行を含む関数を作成し、その関数を任意の場所で呼び出すことができます。

関数を作成する方法 Javaスクリプト

  1. キーワードを使用する function 関数の名前が続きます。
  2. 関数名の後に、括弧を開いたり閉じたりします。
  3. 括弧の後、中括弧を開いたり閉じたりします。
  4. 中括弧内に、コード行を記述します。

構文：

function functionname()
{

  lines of code to be executed

}

これを自分で試してみてください。

<html>
<head>
	<title>Functions!!!</title>
	<script type="text/javascript">
      function myFunction()
      {
      	document.write("This is a simple function.<br />");
      }
		myFunction();
	</script>
</head>
<body>
</body>
</html>

引数付き関数

引数を使用して関数を作成することもできます。 引数は括弧内に指定する必要があります

構文：

function functionname(arg1, arg2)

{

  lines of code to be executed

}

これを自分で試してみてください。

<html>
<head>
	<script type="text/javascript">
		var count = 0;
		function countVowels(name)
		{
			for (var i=0;i<name.length;i++)
			{
              if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
              count = count + 1;
			}
		document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
		}
   	 	var myName = prompt("Please enter your name");
    	countVowels(myName);
	</script>
</head>
<body>
</body>
</html>

Javaスクリプトの戻り値

値を返す JS 関数を作成することもできます。 関数内では、キーワードを使用する必要があります return その後に返される値が続きます。

構文：

function functionname(arg1, arg2)

{

  lines of code to be executed

  return val1;

}

これを自分で試してみてください。

<html>
<head>
	<script type="text/javascript">
		function returnSum(first, second)
        {
          var sum = first + second;
          return sum;
        }
      var firstNo = 78;
      var secondNo = 22;
      document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
	</script>
</head>
<body>
</body>
</html>