JavaScript：ECMAScript函数

自定义函数

定义函数

静态函数：function 方法名(参数...){}

function sum(x,y){return x+y;}

动态函数：var 方法名 = new Function("参数1", "参数2", "参数n", "执行语句");

var result = new Function("x","y","var sum; sum=x+y; return sum;");

上面这段代码和下面这段代码

function result(x,y){
	var sum;
	sum = x+y;
	return sum;
}

是一模一样的，只不过一个是动态函数，一个是静态函数。那下面我们就来想一下，为什么要用动态函数呢，动态函数有什么特殊的地方有什么优点呢？

我们可以看到，每一个句子两边都加上了引号"x"还有"y"还有"var sum; sum = x+y; return sum;"这些两边都加上了引号，也就是说在new Function后面的小括号里面的每一个语句两边都是有引号的，也就是说他们都是以字符串的形式表示和被调用的，而字符串又是可以由变量来定义或者是改变的，也就是说，我们可以定义变量，让变量的值等于这些字符串：

<script type="text/javascript">
	var a = "var sum;";
	var b = "sum = x + y;";
	var c = "return sum;";
	var result = new Function("x", "y", a + b + c);
	alert(result(1, 2));
</script>

我们为什么要把代码分成一小段一小段的代码呢？把一个字符串分成了若干个独立的字符串的优点就在于我们可以通过修改其中的某些字符串来随时改变函数的作用。

<script type="text/javascript">
	var a = "var sum;";
	var b = "sum = x + y;";
	var c = "return sum;";
	var result = new Function("x", "y", a + b + c);
	alert(result(1, 2));
	b = "sum = x - y;";
	result = new Function("x", "y", a + b + c);
	alert(result(1, 2));
</script>

匿名函数：var 方法名 = function(参数...){}

var sum = function(x,y){return x+y;}

调用事件函数：元素.on事件名 = function() {}

匿名自执行函数：(function(){}) (实参...)

这种匿名函数的用法在JQuery中的非常多

alert(function(x, y) { return x + y; }(1,2));

JavaScript没有方法重载的说法，如果两个方法名字一样，即使参数个数不一样，那么后面定义的就会覆盖前面定义，调用方法时永远是调用后定义的那个。

调用函数

普通调用：方法名(实参...)

通过指向函数的变量去调用：var myVar=方法名; myVar(实参...);

函数的参数

函数的参数没有var修饰，参数列表可以是任意多个，并且数据类型可以是任意的类型，JavaScript的函数天然支持可变参数，JavaScript有一个arguments变量可以访问所有传到函数内部的参数。

<script type="text/javascript">
	/*add函数是一个参数可变的函数*/
	function add() {
		var result = 0;
		for (var i = 0; i < arguments.length; i++) {
			//alert(arguments[i]);
			result += arguments[i];
		}
		return result;
	}
	alert("add(1,2,3)=" + add(1, 2, 3)); //调用add函数时传入3个参数
	alert("add(1,2,3,4,5,6)=" + add(1, 2, 3, 4, 5, 6)); //调用add函数时传入6个参数
	alert("add()=" + add()); //调用add函数时不传入参数
	alert("add(1,\"HelloWorld\")=" + add(1, "HelloWorld")); //调用add函数时传入不同类型的参数
</script>

函数的返回值

当函数无明确返回值时，返回的值就是"undefined"。

当函数有返回值时，返回值是什么就返回什么。

全局函数

encodeURI() / decodeURI()：只对空格进行编码 / 解码

encodeURIComponent() / decodeURIComponent()：对特殊符号进行编码 / 解码

<script type="text/javascript">
	var url = "http://test.com?name=tom&index=1";
	var euri = encodeURI(url);
	var ecuri = encodeURIComponent(url);
	document.write(url + "<br/>");
	document.write(euri + "<br/>");
	document.write(ecuri + "<br/>");
	document.write(decodeURI(euri) + "<br/>");
	document.write(decodeURIComponent(ecuri) + "<br/>");
</script>

escape() / unescape()：对字符串进行编码 / 解码

eval()：将字符串当做JavaScript脚本进行运行

isFinite()：检查某个值是否为有穷大的数

isNaN()：检查某个值是否是是数字

Number()：把对象的值转换为数字

parseFloat()：解析一个字符串并返回一个浮点数

parseInt()：解析一个字符串并返回一个整数

String()：把对象的值转换为字符串