每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。
由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。
函数的声明有以下三种形式：
function sum(num1,num2){return num1+num2;}//利用函数声明语法定义
var sum=function(num1,num2){return num1+num2;}//利用函数表达式定义
var sum=new Function("num1","num2","return num1+num2");//利用Function构造函数定义
如果利用第三种方法定义函数，会导致解析两次代码（第一次是解析常规ECMAScript代码，第二次是解析传入构造函数中的字符串），从而影响性能，因此并不推荐。
而在前面两种函数定义形式当中，解析器会率先读取函数声明，并使其在执行任何代码之前可用，至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。所以如果使用函数表达式来定义函数，则在代码执行到该行之前便对其进行调用就会报错，而如果是利用函数声明定义函数则不会有类似错误发生。
另外，也可以同时使用函数声明和函数表达式，例如var sum=function sum(){}。不过这种语法在Safari当中会报错。
由于函数名仅仅是指向函数的指针，因此函数名与包含对象指针的其他变量没有什么不同，换句话说就是一个函数可能会有多个名字。
function sum(num1,num2){return num1+num2;}
alert(sum(10,10));//20
var anotherSum=sum;//使用不带圆括号的函数名是访问函数指针，而非调用函数
alert(anotherSum(10,10));//20
sum=null;//此处将sum设置为null，让它与函数断绝关系
alert(anotherSum(10,10));//20，此处仍可正常调用证明sum只是一个指针而不能代表函数
将函数名想象成指针，也有助于理解为什么ECMAScript中没有函数重载的概念。
在ECMAScript中如果声明了两个同名函数，结果就会是后面的函数覆盖前面的函数。
function addSomeNumber(num){return num+100;}
function addSomeNumber(num){return num+200;}
var result=addSomeNumber(100);//300
因为ECMAScript中的函数名本身就是变量，所以函数也可以作为值来使用。
function callSomeFunction(someFunction,someArgument){return someFunction(someArgument);}
这个函数接受两个参数，第一个参数是一个函数，第二个参数是要传递给函数的一个值。
function add10(num){return num+10;}
var result1=callSomeFunction(add10,10);
alert(result1);//20
function getGreeting(name){return "Hello,"+name;}
var result2=callSomeFunction(getGreeting,"Nicholas");
alert(result2);//"Hello,Nicholas"
这里的callSomeFunction()函数是通用的，即无论第一个参数中传递进来的是什么函数，它都会返回执行第一个参数后的结果。
当然，也可以从一个函数中返回另一个函数。
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
在函数的内部，有两个特殊的对象：arguments和this。
其中arguments是一个类数组对象，包含着传入函数中的所有参数，该对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。
利用该属性可以解除函数体内代码的函数名的耦合状态，下面以一个阶乘函数为例：
function factorial(num){if(num<=1){return 1;}else{return num*factorial(num-1);}}
//此处这个函数的执行与函数名紧紧的耦合在了一起
function factorial(num){if(num<=1){return 1;}else{return num*arguments.callee(num-1);}}
//在这个重写后的函数体内，没有在饮用函数名，这样无论引用函数时使用的是什么名字都可以正常调用
var trueFactorial=factorial;
factorial=function(){return 0;}
alert(trueFactorial(5));//120
alert(factorial(5));//0
函数内部的另一个特殊对象是this，this引用的是函数据以执行的环境对象。
window.color="red";
var o={color:"blue"};
function sayColor(){alert(this.color);}
sayColor();//"red"
o.sayColor=sayColor;
o.sayColor();//"blue"
ECMAScript5也规范化了另一个函数对象的属性：caller。除了Opera早期版本不支持，其他浏览器都支持这个ECMAScript3中并没有定义的属性。
这个属性中保存着调用当前函数的函数的引用，如果是在全局作用域中调用当前函数，它的值为null。
function outer(){inner();}
function inner(){alert(inner.caller);}
outer();//以上代码会导致警示框当中显示outer()函数的源代码
因为outer()调用了inner()，所以inner.caller就指向了outer()，为了实现更松散的耦合，也可以通过arguments.callee.caller来访问相同的信息。
function outer(){inner();}
function inner(){alert(arguments.callee.caller);}
outer();//IE、Firefox、Chrome、Safari、Opera9.6+都支持caller属性
当函数在严格模式下运行时，访问arguments.callee会导致错误，且不能为函数的caller属性赋值，否则会导致错误。
ECMAScript5还定义了arguments.caller属性，但在严格模式下会导致错误，在非严格模式下这个属性始终是undefined。
定义这个属性是为了区分arguments.callee和函数的caller属性，这些变化都是为了加强语言的安全性。
ECMAScript中的函数是对象，每个函数都包含两个属性：length和prototype。
其中，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
对于ECMAScript中的引用类型而言，prototype是保存它们所有实例方法的真正所在，诸如toString()和valueOf()等方法实际上都保存在prototype名下，只不过是通过各自对象的实例访问罢了。在ECMAScript5总prototype属性是不可枚举的，因此使用for-in无法发现。
ECMAScript中的每个函数都包含两个非继承而来的方法：apply()和call()。
这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。
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
call()方法与apply()方法的作用相同，他们的区别在于接受参数的方式不同，在使用call()方法时，传递给函数的参数必须逐个列举出来。
function callSum(num1,num2){retrun sum.call(this,num1,num2);}
alert(callSum(10,10));//20
事实上，传递参数并非这两个方法的用武之地，他们真正强大的地方是能够扩充函数赖以运行的作用域。
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
ECMAScript5中还定义了一个方法：bind()。
这个方法会创建一个函数的实例，其this值会被绑定到传给bind()函数的值。
window.color="red";
var o={color:"blue"};
function sayColor(){alert(this.color);}
var objectSayColor=sayColor.bind(o);
objectSayColor();//blue
支持bind()方法的浏览器有IE9+、Firefox4+、Safari5.1+、Opera12、Chrome。
JS基础知识回顾：引用类型（四）,布布扣,bubuko.com
原文地址：http://www.cnblogs.com/lynshxs/p/3825614.html
