JavaScript用户自定义函数

Js用户自定义函数

如何定义函数

创建函数的语法:

function 函数名(var1,var2,...,varX)

  {

  代码...

  }

var1, var2 等指的是传入函数的变量或值。和 定义了函数的开始和结束。

注意:无参数的函数必须在其函数名后加括号:

function 函数名()

  {

  代码...

  }

注意:别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的,否则 JavaScript 就会出错。另外需要注意的是,必须使用大小写完全相同的函数名来调用函数。

return 语句

return 语句用来规定从函数返回的值。

因此,需要返回某个值的函数必须使用这个 return 语句。

例子

下面的函数会返回两个数相乘的值(和 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>


浏览器查看结果,如图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值