JavaScript 定义和调用函数(附示例)

JavaScript中的函数是什么?

函数在任何编程语言中都非常重要且有用,因为它们可以使代码可重用。函数是代码块,仅在被调用时执行。如果你有几行代码需要重复使用,可以创建一个包含重复代码行的函数,然后在需要的地方调用它。

如何在JavaScript中创建函数

  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>

JavaScript返回值

你还可以创建返回值的JavaScript函数。在函数内部,你需要使用关键字 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>