《js高级程序设计》三——5Function类型：对象arguments(属性：callee)，this(属性：caller)；属性length，prototype；方法apply，call，bind

函数实际上是对象，因此函数名 实际上也是一个指向函数对象的指针，不会与某个函数绑定。
每个函数都是 Function 类型的实例，而且都与其他引用类型一样具有属性和方法

函数定义：

1. 函数声明语法：

function sum (num1, num2) {
 return num1 + num2;
} 

2. 函数表达式：

var sum = function (num1,num2){
	return num1 + num2;
};

3. 构造函数：
   不推荐

var num = new Function('num1','num2','return num1 + num2');

会导致解析两次代码（第一次是解析常规 ECMAScript 代码，第二次是解析传入构造函数中的字符串），从而影响性能

没有重载

同名函数，后者覆盖前者

函数声明与函数表达式

解析器会率先读取函数声明 ，并使其在执行任何代码之前可用（可以访问） ；函数声明提升（function declaration hoisting）

至于函数表达式，则必须等到解析器执行到它所在的代码行 ，才会真正被解释执行。

作为值的函数

function callSomeFunction(someFunction, someArgument){
 return someFunction(someArgument);
} 
function add10(num){
 return num + 10;
}
var result1 = callSomeFunction(add10, 10);
alert(result1); //20

设有一个对象数组，我们想要根据某个对象属性对数组进行排序。而传递给数组 sort()方法的比较函数要接收两个参数，即要比较的值。

function createComparisonFunction(propertyName) {
 	return function(object1, object2){
 		var value1 = object1[propertyName];
		 var value2 = object2[propertyName];
		 if (value1 < value2){
			 return -1;
 		} else if (value1 > value2){
 			return 1;
 		} else {
 			return 0;
		 }
	 };
} 

应用：

var data = [
			{name: "Zachary", age: 28}, 
			{name: "Nicholas", age: 29}
			];
data.sort(createComparisonFunction("name"));
alert(data[0].name); //Nicholas
data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary 

函数内部属性

两个特殊的对象 ：

1. arguments ：是一个类数组对象，包含着传入函数中的所有参数

这个对象还有一个名叫 callee 的属性，该属性是一个指针，指向拥有这个 arguments 对象的函数

阶乘：
1. 
function factorial(num){
 	if (num <=1) {
 		return 1;
 	} else {
 		return num * factorial(num-1)
 	}
} 
函数的执行与函数名 factorial 紧紧耦合在了一起
2.
消除耦合
function factorial(num){
 	if (num <=1) {
		 return 1;
 	} else {
 		return num * arguments.callee(num-1)
 	}
} 

2. this ：引用的是函数据以执行的环境对象 ——或者也可以说是 this 值（当在网页的全局作用域中调用函数时，this 对象引用的就是 window）

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

拥有caller 属性，保存着调用当前函数的函数的引用，
如果是在全局作用域中调用当前函数，它的值为 null 。
Opera 的早期版本不支持，其他
浏览器都支持这个 ECMAScript 3 并没有定义的属性，es5规范化了。

function outer(){
 	inner();
}
function inner(){
 	console.log(inner.caller);
 	//低耦合：
 	//console.log(arguments.callee.caller);
}
outer(); //outer(){inner();}
inner();//null

IE、Firefox、Chrome 和 Safari 的所有版本以及 Opera 9.6 都支持 caller 属性

函数在严格模式下运行时，访问 arguments.callee 会导致错误。
ECMAScript 5 还定义了arguments.caller 属性，但在严格模式下访问它也会导致错误，而在非严格模式下这个属性始终是undefined.(分清 arguments.caller 和函数的 caller 属性)
严格模式还有一个限制：不能为函数的 caller 属性赋值，否则会导致错误

函数属性和方法

两个属性：

1. length : 函数希望接收的命名参数的个数，即形参个数

function sayName(name){
 	alert(name);
}
function sum(num1, num2){
 	return num1 + num2;
}
function sayHi(){
 	alert("hi");
}
alert(sayName.length); //1
alert(sum.length); //2
alert(sayHi.length); //0 

2. prototype ： 保存引用类型所有实例方法的真正所在。在es6是中不可枚举的，因此使用 for-in 无法发现
   （第六章中）

两个非继承来的方法：

作用：在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值

1. apply() : 接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是 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]); // 传入数组
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20 

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

2. call() : 接受1到多个参数，第一个为this，其余是要传给函数的参数

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

apply()和 call()真正强大的地方是能够扩充函数赖以运行的作用域 , 且对象不需要与方法有任何耦合关系

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

方法：

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

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

sayColor()调用 bind()并传入对象 o，创建了objectSayColor()函数。objectSayColor()函数的 this 值等于 o

支持 bind()方法的浏览器有 IE9+、Firefox 4+、Safari 5.1+、Opera 12+和 Chrome。

每个函数继承的 toLocaleString() 、 toString() 和 valueOf() 方法始终都返回函数的代码