前端开发_JavaScript_函数

函数

1.引入

   我们写程序的是为了解决现实生活中的一系列问题，那么我们在解决现实生活中的问题的时候经常需要用到重复的动作，如果说把这一些也变成代码，那么我们的代码的量就会变得很大，比如说重复执行某一个动作的时候。那么这样无论是对于开发者来说还是系统的运行资源的占用都是不利的，那么为了解决类似的事情，JavaScript中引入了函数的概念，函数实际上就是把相同动作或者是重复的功能代码放到一个代码块中，然后当我们需要使用这一个功能或者是操作的时候直接取调用就可以了，那么把这样的代码块叫做函数。那么我们可以把函数理解成为是为了解决特定需求功能的代码块写在一起的一段代码。每一个函数都具有特定的功能。

2.函数的定义

   JavaScript中使用关键字function实现函数的定义。

  (1).函数语法结构如下:

JavaScript中函数的定义

function 函数名(形式参数1，形式参数2，形式参数3...){

   //函数相关代码语句
}


//参数说明:
1.JavaScript中的函数和java中方法有区别，java中方法需要有返回值，但是在JavaScript中不需要指定返回值。

2.JavaScript 函数会在某代码调用它时被执行。如果一个函数不被调用，则不执行，这个和java中的方法是一样的。

(2).定义函数的相关例子

<script type="text/javascript">
   //定义一个求和的函数例子
   function getSum(param1,param2){
	 var result = param1 + param2;
	 document.write("两个数字的和是:" + result);
   }
		  
   //函数调用
   getSum(5,6);
</script>

 3.函数的调用

   一般情况，函数的调用一般使用一下三种方式进行调用,下面我们将逐一讲解

  (1).当事件发生时（当用户点击按钮时）

<input type="button" value="点击" onclick="getSum(7,8)"/>

<script type="text/javascript">
   //定义一个求和的函数例子
   function getSum(param1,param2){
	  var result = param1 + param2;
	  document.write("两个数字的和是:" + result);
   }
</script>

   (2).当 JavaScript 代码调用时

<script type="text/javascript"> 
   //定义一个求和的函数例子
   function getSum(param1,param2){
	 var result = param1 + param2;
	 document.write("两个数字的和是:" + result);
   }
   //使用javaScript代码调用
   getSum(5,6);
</script>

   (3).自动的（自调用）(略)，在下面的匿名函数中讲解。

注意事项:我们在上述的例子中使用了()运算符来调用函数，如果说单独的使用函数名字，如:getSum,这样调用的是函数的对象，而getSum()这样引用的是函数的结果。

 4.函数的返回值

   (1).函数的返回值概述:当我们在调用一个函数的时候，接下来的代码还依旧需要使用到这一个函数的计算结果，这一个时候这一个函数就需要使用返回值，在JavaScript中，使用关键字return实现函数的返回值。

  (2).定义带有返回值的函数以及基本调用

<script type="text/javascript">
   //定义一个求和的函数例子
   function getSum(param1,param2){
      return param1 + param2;
   }
		  
    //调用
    var getResult = getSum(10,16);
	document.write("两个数的和是:" + getResult);
</script>

5.函数的参数

(1).函数参数概述:当函数需要完成一个独立的功能的时候，需要使用到调用者(或者外部)传递一些参数给函数内部，然后按照传递的参数实现相关的逻辑功能，实现相关的功能。

(2).函数的参数相关的注意事项

函数参数的注意事项

1.和java或C#不同，JavaSCript作为弱编程语言，在函数的参数声明的上的时候不需要指定变量类型。

2.函数声明了参数，但是在调用的时候可以传递参数，也可以不传递参数，这个是JavaScript的另一个特点。

3.不管函数声明的时候有多少个参数，调用函数的时候可以传递若干个参数值给函数，同时可以在函数的内部获取 
  实际传递的参数值。

4.当函数被调用的时候，一个arguments对象会被创建，它应用于函数体内，用于管理函数的实际参数。

(3).函数中arguments对象的使用测试

<input type="button" name="" id="" value="计算数据累和" onclick="getSum(1,2,3,4,5,6,7)"/>

<script type="text/javascript">
   /**定义函数，计算数据的累和**/
   function getSum(){
	 var sum = 0;
	 //获取调用函数的时候获取的参数的个数
	 var params = arguments.length;
	 for(var i = 0;i<params;i++){
		 sum += arguments[i];
	 }
	 document.write("数据的累和是:" + sum);
  }
</script>

6.匿名函数

(1).匿名函数概述:匿名函数，顾名思义就是没有名字或者叫做隐藏名字的函数，在JavaScript中，我们叫这一类函数为拉姆达函数，是一种JavaScript函数的强大方式。

(2).匿名函数的定义和调用

①:方式1:一般的常见匿名函数

<script type="text/javascript">
   (function (width,height){
	  document.write("两个数字的和是:" + (width+height))
	})(7,3);
</script>

 ②:方式2:把匿名函数作为函数的参数进行传递

<script type="text/javascript">
   var getResult = function(param1,param2){
		document.write("两个数据的结果是:" + (param1 + param2));
   }
		 
   getResult(3,4);
</script>