Untitled

课程案例

通过学习函数，我们使用prompt（）输入任意的俩个数，可以计算出他们的和或者差。

定义：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

简而言之：什么是函数？
函数是一组可以随时随地运行的语句。
函数是ECMAScript的核心
作用：
使程序变得更简短而清晰
有利于程序维护
可以提高程序开发的效率
提高了代码的重用性(复用性)

1.定义函数方式
一、函数声明


 //  函数的名字，符合正常的命名规则就可以
语法格式：function functionName   ( arg0,arg1 ){
      //函数体                       //传入参数，也就是此函数要处理的东西
 		        }

二、函数表达式


语法格式：var functionName=function(arg0,arg1){
        //函数体
		         }

这种形式看起来像是常规的变量赋值语句，即创建一个函数并将他赋值给变量functionName。这种情况下创建的函数叫匿名函数，因为function关键字后面没有标识符。

例如：


函数声明
	 声明一个具有求和功能的函数。
      语法格式：function    add( x,y ){
      			return x+y;
 		  }
函数表达式
      语法格式：var add=function(x,y){
        			return  x+y;
		         }

2.函数调用
如何调用函数：
函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。
函数调用的方法：
1>第一种情况:


在<script>标签内调用。
	<script type="text/javascript">
   		function add2()
    		{
        	      sum = 1 + 1;
        	     alert(sum);
    		}
              add2();//调用函数，直接写函数名。
	</script >

2>第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。


<html>
 	<head>
		<script type="text/javascript">
  			 function add2()
   			{
       		  sum = 5 + 6;
         		  alert(sum);
   			}
 		</script>
	</head>
       <body>
  		<form>
		      <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名
		</form>
       </body>
</html>

3.函数调用练习
练习：网页中有一按钮(名字"点点我")，当点击按钮后调用函数tcon(),弹出对话框"恭喜你学会函数调用了!"。

4.函数参数
在上面的例子中，我们不能任意指定俩数相加。因此，我们引入参数的概念。


function 函数名(参数1,参数2){
     //函数代码
}

注意:参数可以多个，根据需要增减参数个数。参数之间用(逗号，）隔开。

Eg:根据传入参数，实现两数求和。或三个数求和

参数的分类：
函数的参数分为形参和实参两种。
1)形参出现在函数定义中，在整个函数体内都可以使用，离开该函数则不能使用。
2)实参出现在主调函数中，进入被调函数后，实参变量也不能使用。
3)形参和实参的功能是作数据传送。发生函数调用时，主调函数把实参的值传送给被调函数的形参从而实现主调函数向被调函数的数据传送。
==总结： 形参就是函数定义时候用的，实参是在函数调用时候用的。 ==

5.函数返回值
通过关键字return为函数设置返回值

练习：

    定义函数实现两个数的积，函数名为app2，返回函数值。
    2.计算5、6/2、3两组两个数的积。分别保存在req1和req2变量中。
    3.计算req1和req2和的值，保存在变量sumq中。并且打印出req1，req2,sumq。

注意：必须使用 return 将值返回。

6.函数变量作用域
作用域：就是起作用的范围。或者说有效范围。
局部变量（家里的厕所）
局部变量就是定义在函数内部的变量，这个变量只能在函数内部使用，即作用域范围只是函数内部，另外，形参也是局部变量。

全局变量（公共厕所）
全局变量就是定义在函数外部的变量，这个变量在任何函数中都有效，即作用域范围是当前文件的任何地方。