JS--JavaScript函数（匿名函数、闭包函数等）详解

JavaScript函数

JavaScript是函数式编程语言，在JavaScript脚本种可以随处看到函数，函数构成了JavaScript源码的主体。

定义函数

定义函数的方法有两种：

• 使用function语句声明函数

//方式一：命名函数
function f(){
	//函数体
}

//方式二：匿名函数
var f = function(){
	//函数体
}

命名函数的方法也被称为声明式函数，而匿名函数的方法也被称为引用式函数或者函数表达式，即把函数看做一个复杂的表达式，并把表达式赋予给变量。

• 通过Function对象来构造函数

var function_name = new Function(arg1, arg2, ..., argN, function_body)

在上面语法形式中，每个arg都是一个函数参数，最后一个参数是函数主体（要执行的代码）。Function()所有参数必须是字符串。

示例：

<script>
	var say = new Function("name","say","document.write('<h1>' + name + ' : ' + say + '</h1>');");
	say("tom", "Hi!");
</script>

函数调用

调用函数使用小括号运算符来实现。在括号运算符内部可以包含多个参数列表，参数之间通过逗号进行分隔。

示例：

function f(){
	return "hello world!";
}
document.write(f());  //调用函数，并输出返回值

注意：

• 一个函数可以包含多个return语句，但是在调用函数时只有第一个return语句被执行，且该return语句后面的表达式的值作为函数的的返回值被返回，return语句后面的代码将被忽略。
• 函数的返回值没有类型限制，它可以返回任意类型的值。
• 函数调用的方法还有new运算符、call或apply动态调用等方法。

函数参数

参数可以分为两种：形参和实参

• 形参：在定义函数时，传递给函数的参数，被称为形参，即形式上参数
• 实参：当函数被调用时，传给函数的参数，这些参数被称为实参

示例：a,b为形参，23,24为实参

function add(a,b){
	return a + b;
}
alert(add(12,34));

一般情况下，函数的形参和实参个数是相等的，但是JavaScript没有规定两者必须相等。如果形参数大于实参数，则多出的形参值为undefined；相反如果实参大于形参数，则多出的实参就无法被形参变量访问，从而被忽略掉。

示例：

function add(a, b){
	return a + b;
}
alert(add(2)); //返回undefined与2相加的值，即为NaN

JavaScript定义了arguments对象，例用该对象可以快速操纵函数的实质。使用arguments.length可以获取函数实参的个数，使用数组下表（arguments[n]）可以获取实际传递给含食宿的每个参数。

示例：

<script>
	function add(a, b){
		if(add.length != arguments.length) //检测形参和实参是否一致
			throw new Error("实参与形参不一致，请重新调用函数！");
		else	
			return a + b;
	}
	try{
		alert(add(2));//尝试调用函数
	}catch(e){
		alert(e.message);//捕获异常信息
	}
</script>

匿名函数

匿名函数就是没有名称的函数，它相当于一个复杂的表达式。当只需要一次性使用函数时，使用匿名函数会更加有效率。

示例：匿名函数被调用之后，被赋予给变量z。

var z = function(x, y){
	return (x + y) / 2;
}(23, 35);

函数作为值

函数实际也是一种结构复杂的数据，因此可以把它作为值赋给其它变量

示例：

var a = function(x, y){
	return (x + y) / 2;
}
alert(a(12, 33));//返回22.5

函数作为参数

函数作为值可以进行传递，因此可以把函数作为参数传递给另一个函数，也可以作为返回值。
示例：

var a = function(f, x, y){
	return f(x, y);
};
var b = function(x, y){
	return x + y;
};
alert( a(b, 3, 4) );

函数作为表达式

函数既然可以当作值来使用，因此也可以参与到表达式运算中。
示例:

var a = function(x){
	alert(x);
}
a(50);//提示为50

//针对上面的写法，可以直接使用表达式来编写：
(function(x){
	alert(x);
})(50);//提示为50

闭包函数

闭包函数是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
闭包函数就是外部函数被调用后，它的变量不会消失，仍然被内部函数所使用，而且所有的内部函数都拥有对外部函数的访问权限。

示例：定义一个函数a，该函数包含一个私有函数b。内部函数b把自身参数m递加给外层函数的私有变量n上，然后返回n的值。外层函数a的返回值为内部函数b，从而形成了一种内层引用外层的闭包关系，于是外层函数就是一个典型的闭包函数

<script>
	function a(){				//外层函数，闭包函数
		var n = 0;				//私有变量
		function b(m){			//内部函数，私有函数
			n = n + m;			//递加上级私有变量的值
			return n;			//返回改变后的值
		}
		return b;				//返回私有函数
	}
	var b = a();				//调用外层函数，返回内部函数
	document.write(b(3));		//输出3
	document.write("<br>");
	document.write(b(3));		//输出6
	document.write("<br>");
	document.write(b(3));		//输出9
	document.write("<br>");
	document.write(b(3));		//输出12
</script>

这样当在全局作用域中反复调用内部函数时，将会不断把参数值递加给外层函数的私有变量n身上，形成闭包对外部函数的私有变量长时保护作用。