Javascriptの基本チュートリアル関数

JavaScript 関数とは何ですか?

関数は、特定の関数を完了する一連のステートメントです。関数を使用しない場合、タスクを完了するまでに 5 行、10 行、またはそれ以上のコードが必要になる可能性があります。このとき、特定の機能を実行するコードブロックを関数の中に入れて、その関数を直接呼び出すことができるので、大量のコードを繰り返し入力する手間が省けます。

関数の定義方法

function 関数名(){

関数コードセグメント;

}

注:

1. 関数を定義します。

2.「関数名」は関数に付ける名前です。

3.「関数コード」を特定の関数を完成させるコードに置き換えます

以下のコードを例に書いてみましょう:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>函数</title>
	<script type="text/javascript">
			function sum(){
				var a=10;
				var b=5;
				var c= a+b;
				document.write(c);
			}
	</script>
</head>
<body>

</body>
</html>

上記のコードに示すように、関数の関数を 1 つずつ記述します。 a+bの和を求めるのですが、関数はどうやって使うのでしょうか?

関数の呼び出し方法

構文: 関数名 ();

それでは、上で書いた例では、どのように関数を出力すればよいでしょうか? 次のコード:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>函数</title>
	<script type="text/javascript">
			function sum(){
				var a=10;
				var b=5;
				var c= a+b;
				document.write(c);
			}

			sum();
	</script>
</head>
<body>

</body>
</html>

このようにして、関数を呼び出すことができます。出力結果は 15;

学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>函数</title> <script type="text/javascript"> function sum(){ var a=10; var b=5; var c= a+b; document.write(c); } sum(); </script> </head> <body> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜