Js用户自定义函数
如何定义函数
创建函数的语法:
function 函数名(var1,var2,...,varX)
{
代码...
}
var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。
注意:无参数的函数必须在其函数名后加括号:
function 函数名()
{
代码...
}
注意:别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。
return 语句
return 语句用来规定从函数返回的值。
因此,需要返回某个值的函数必须使用这个 return 语句。
例子
下面的函数会返回两个数相乘的值(a 和 b):
function prod(a,b)
{
x=a*b
return x
}
当您调用上面这个函数时,必须传入两个参数:
product=prod(2,3)
而从 prod() 函数的返回值是 6,这个值会存储在名为 product 的变量中。
JavaScript 变量的生存期
当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
基于对象的函数
Javascript中的函数不公可以在页面载入静态创建,还可以在函数被调用时创建,这就说明函数具有了对象的特征,这样的函数也称为函数对象。
有三种方法创建用户自定义函数:
1.调用自定义函数(上述内容)
2.构造函数new Function() 关于Function对象的介绍请参考:http://www.jb51.net/article/4339.htm
3.使用函数的间接方式
以下案例演示如何运用:
<html>
<head>
<title>JS用户自定义函数</title>
<meta http-equiv="charset" content="GB2312">
<script lanuage="javascript" type="text/javascript">
<!--
function addAll(a,b,c)
{
return a+b+c;
}
//Function()构造函数可以接收任意多个字符串类型的参数
//最后一个参数是函数的主体,决定了函数完成的功能,其中可以包含多个
//JavaScript语句,语句之间用分号分隔
var total1=new Function("a","b","c","return a+b+c;");
var total2=function(a,b,c){return a+b+c};
-->
</script>
</head>
<body>
<form id="form1" action="" method="get">
<div>
<h3>在Javascript中使用自定义函数方法汇总</h3>
<div>一、调用addAll()函数
<script>document.writeln("函数addAll(1,2,3)计算的结果为:",addAll(1,2,3))</script>
</div>
<div>二、调用构造函数new Function()
<script>document.writeln("使用构造函数total1(1,2,3)计算的结果为:",total1(1,2,3))</script>
</div>
<div>三、调用addAll()函数
<script>document.writeln("使用total2(1,2,3)调用函数计算的结果为:",total2(1,2,3))</script>
</div>
</div>
</form>
</body>
</body>
</html>
浏览器查看结果,如图