第四章：JavaScript中的函数

最新推荐文章于 2025-12-22 21:38:10 发布

原创最新推荐文章于 2025-12-22 21:38:10 发布 · 369 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

javascript笔记专栏收录该内容

11 篇文章

订阅专栏

1.自定义函数

基本语法：

function 函数名(参数列表)
{
    函数体;
    return 返回值;         //可以选择
}

举例（在HTML页面直接编辑）：

<html>
	<head>
	</head>
	<body>
		<script language="javascript">
			var num1 = window.prompt("请输入第一个num");
			var num2 = window.prompt("请输入第二个num");
			num1 = parseFloat(num1);
			num2 = parseFloat(num2);
			jisuan(num1,num2);
			function jisuan(num1,num2)
			{
    			    var result = num1 + num2;
    			    window.alert("The result = " + result);
			}
		</script>
	</body>
</html>

举例（从外部js文件引入）

JS文件代码：

function jisuan(num1,num2)
{
    var result = num1 + num2;
    window.alert("The result = " + result);
}

HTML文件代码：

<html>
	<head>
	</head>
	<body>
		<script language="javascript" src="function.js"></script>
		<script language="javascript">
			var num1 = window.prompt("请输入第一个num");
			var num2 = window.prompt("请输入第二个num");
			num1 = parseFloat(num1);
			num2 = parseFloat(num2);
			jisuan(num1,num2);
		</script>
	</body>
</html>

注意：无论哪一种方式，在函数名前面，都没有返回值类型，函数参数前，也没有关键字var

2.函数的调用方式

函数名(传递给函数的参数1,传递给函数的参数2,......)；
变量=函数名（注意只是函数名，没有括号），此时变量就相当于函数的引用（指针），可以这样调用函数：变量名(实际参数...)；
对于有返回值的函数，可以直接使用其返回值，没有返回值的函数，则返回undefined。

3.函数递归调用分析

假设有下面的函数递归调用：

function abc (num1)
{
    if(num1>3)
        abc(--num1);
    document.writeln(num1);
}

分析过程如下：

最终输出结果为：3 3 4

4.参数可变函数

JS天然支持参数可变函数：

function myFunction()
{
    for(var i=0;i<arguments.length;i++)
    {
        window.alert(arguments[i]);
    }
}

调用时直接传入参数（任意个）即可，arguments可以访问所有传入的值。