JavaScript 定义和调用函数(附示例)
JavaScript中的函数是什么?
函数在任何编程语言中都非常重要且有用,因为它们可以使代码可重用。函数是代码块,仅在被调用时执行。如果你有几行代码需要重复使用,可以创建一个包含重复代码行的函数,然后在需要的地方调用它。
如何在JavaScript中创建函数
- 在函数名称前加上关键字 function。
- 在函数名称后,添加一对圆括号。
- 在括号后,添加一对花括号。
- 在花括号内,编写你的代码行。
语法
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>
