JS基础知识回顾：引用类型（四）

浏览数：23 / 时间：2015年06月09日

每个函数都是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";