JavaScript学习------Function类型

函数定义：

每个函数都是Function类型的实例，且都与其他引用类型一样具有属性和方法。

由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。

注意：使用不带圆括号的函数名是访问函数指针，而非调用函数。

实际中，函数声明与函数表达式有区别，解析器会先读取函数声明并在执行任何代码之前可用（可访问），而函数表达式则必须等到解析器执行到它所在的代码行，才会被解释执行。

	//函数声明语法定义函数
	function sum(num1,num2){
		return num1+num2;
	}
	
	console.log(sum1(10,20));//报错undefined is not a function
	//函数表达式定义函数
	var sum1=function(num1,num2){
		return num1+num2;
	}
	
	console.log(sum(10,20));//30
	console.log(sum1(10,20));//30
	var anotherSum = sum;//anotherSum和sum都指向了同一个函数
	console.log(anotherSum(10,20));//30

ECMAScript中没有函数重载，声明同名函数会覆盖前面函数

	function addNum(num){
		return num+100;
	}
	function addNum(num){
		return num+200;
	}
	console.log(addNum(100));//300

函数内部属性：

函数内部有两个特殊属性：arguments和this

arguments是一个类数组对象，包含传入函数中的所有参数，虽然arguments主要是保存函数参数，但是还有一个callee属性，该属性是一个指针，指向拥有arguments对象的函数。

	//阶乘 递归
	function factorial(num){
		if(num <= 1){
			return 1;
		}
		else{
			return num * factorial(num-1);
		}
	}
	
	function factorial1(num){
		if(num <= 1){
			return 1;
		}
		else{
			return num * arguments.callee(num-1);
		}
	}
	
	var trueFactorial = factorial1;
	factorial1 = function(){
		return 0;
	}
	console.log(trueFactorial(5));//120
	console.log(factorial1(5));//0

this其行为与Java和C#中this大致类似，this引用的是函数执行环境或者说this值（当在网页的全局作用域中调用函数时，this对象引用的是window）。

注意：函数名仅是一个包含指针的变量而已，即使在不同环境中执行，全局的sayColor()函数与o.sayColor()指向的仍是同一个函数。

window.color="red";
	var o={color:"blue"};
	
	function sayColor(){
		console.log(this.color);
	}
	sayColor();//"red"
	
	o.sayColor=sayColor;
	o.sayColor();//"blue"

函数属性和方法：

length属性：表示希望函数接收的命名参数的个数

prototype属性：对ECMAScript中引用类型而言，prototype保存所有实例方法真正所在，换而言之，如toString()和valueOf()等方法实际都保存在prototype名下，只不过是通过各自对象的实例访问罢了。ECMAScript5中，prototype属性是不可枚举的，因此使用for-in无法发现。

每个函数都包含两个非继承而来的方法：applay()和call()。这两个方法都是在特定作用域中调用函数，实际上等于设置函数体内this对象的值。

applay()：接收两个参数：一个是在运行函数的作用域，另一个是参数数组，其中第二个参数可以是Array的实例，也可以是arguments对象。

	function sum(num1,num2){
		return num1+num2;
	}
	function callSum1(num1,num2){
		return sum.apply(this,arguments);//传入arguments对象
	}
	function callSum2(num1,num2){
		return sum.apply(this,[num1,num2]);
	}
	console.log(callSum1(10,20));//30
	console.log(callSum2(10,20));//30

call()方法与applay()作用相同，区别仅在于接受参数方式不同。对于call()方法，第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。在使用call()方法时，传递给函数的参数必须逐个列举出来。

严格模式下，未指定环境对象而调用函数，则this值不会转型为window。除非明确把函数添加到某个对象或调用applay()和call()，否则this值将是undefined。

	function sum(num1,num2){
		return num1+num2;
	}
	
	function callSum(num1,num2){
		return sum.call(this,num1,num2);
	}
	console.log(callSum(10,20));//30

传递参数并非applay()和call()真正的用武之地，真正强大的地方是能够扩充函数赖以运行的作用域，不需要与方法有任何耦合关系。

window.color="red";
	var o={color:"blue"};
	
	function sayColor(){
		console.log(this.color);
	}
	sayColor();//"red"
	
	sayColor.call(this);//"red"
	sayColor.call(window);//"red"
	sayColor.call(o);//"blue"，this对象指向了o

bind()：会创建一个函数的实例，其this值会被绑定到传给bind()函数的值。

	window.color="red";
	var o={color:"blue"};
	
	function sayColor(){
		console.log(this.color);
	}
	
	var objectSayColor=sayColor.bind(o);
	objectSayColor();//blue