匿名函数
创建匿名函数的情况一般是将匿名函数保存在一个变量里，或者将其作为一个对象的方法，或者将其作为一个回调。
// 匿名函数直接作为鼠键处理程序
window.onload=function (){console.log(1)};
// 匿名函数作为某个对象的一个方法
var a={
x: function () {
console.log(1)
}
};
a.x();
// 匿名函数作为回调函数传递给setTimeout()方法
setTimeout(function(){
console.log(1)
},500);
递归
递归函数有两个条件：引用自身，并且有终止条件。递归函数不能终止于无限循环。
普通命名函数中的递归
// 在函数内部通过调用函数自身，直到条件结束
function a(n){
return n>1?a(n-1)+1:1;
}
console.log(a.x(5)); // 5
作为方法中的递归
将一个递归函数作为一个对象的方法，递归函数会变为一个匿名函数赋值给对象的一个属性。
// 通过引用对象的属性名称来调用该匿名函数进行递归
var a={
x:function (n){
return n>1? a.x(n-1)+1:1;
}
};
console.log(a.x(5)); // 5
这样的引用方法存在引用丢失的问题，例如：
// 定义一个新对象b，该对象也引用之前a对象上的匿名递归函数。
var b={
x: a.x
};
//重新定义a对象，去除所有属性，此时a上的x属性已经没有了
a={};
console.log(b.x(5)); // 报错 在执行递归函数时，b中的x方法依然是使用a.x来调用自身，a.x已经不存在，所以报错
在匿名函数中不再使用显示的a引用，而是使用函数上下文（this）进行引用可以解决这一问题。
// 当函数作为方法被调用时，函数上下文指的是调用该方法的对象
var a={
x:function (n){
return n>1? this.x(n-1)+1:1;
}
};
// 调用b.x()方法时，其中的this指向b
console.log(b.x(5)); // 5
还存在一个问题，这样修改代码后，b对象引用a.x的方法名称也必须为x，因为递归函数是使用this.x调用，属性名为x被固定死了。给匿名递归函数取一个名称，再通过该名称调用，可以解决这一问题，这样的匿名递归函数被称为内联函数（一个具有名称的匿名函数）。
// 给匿名函数命名，再通过该名称进行递归调用
var a={
x:function z(n){
return n>1? z(n-1)+1:1;
}
};
// b中原本的x属性名可以修改为任意名称，再对a中的x方法进行引用
var b={
y: a.x
};
a={};
console.log(b.y(5)); // 5
内联函数还可以在赋值给变量的时候使用
var a= function b(){
console.log(b); // 可以访问到名称b
};
a();
console.log(b); // 报错，b在函数外部不可以访问到，证明内联函数声明的名称的作用域只在函数体内部可访问
还有一种通过arguments的callee属性调用函数自身的方法，不过callee在新版的Javascript被去除。现版本的严格模式下也禁用了这一属性。arguments.callee引用的是当前所执行的函数本身。
var a={
x:function (n){
return n>1? arguments.callee(n-1)+1:1;
}
};
var b={
y: a.x
};
a={};
console.log(b.y(5)); // 5
可变长度的参数列表
使用apply()可以使函数的参数列表长度可变
// Javascript中查找最大或最小值时，参数需要一个一个传入，无法直接传入元素数量不定的数组。
var a= Math.max(1,2,3);
console.log(a); // 3
// 使用apply()调用函数，第二个参数作为数组传入
var a=[1,2,3];
var b=Math.max.apply(Math,a);
console.log(b); // 3
即使只定义了固定数量的形式参数，仍然可以是用arguments参数列表访问到所有的参数，因为argument参数列表总是指向所有参数的集合。函数本身也具有length属性，与arguments属性的length不同在于，函数本身的length表示函数在定义的时候定义了几个形式参数，而arguments的length属性表示实际调用函数时传入了几个参数。利用这两个length的差别可以在Javascript中实现函数的重载。
// 定义一个方法，将一系列匿名函数绑定在一个对象的同名属性下，根据传入参数数量的不同运行不同的匿名函数
function add(obj, name, fn) {
var old=obj[name];
obj[name]=function () {
if(fn.length===arguments.length){
return fn.apply(this,arguments);
}else if(typeof old==="function"){
return old.apply(this,arguments);
}
}
}
var a={};
add(a,"b",function () {
console.log(0);
});
add(a,"b",function (x) {
console.log(x);
});
add(a,"b",function (x,y) {
console.log(x+y);
});
// 传入的参数数量不同，执行的匿名函数也不同
a.b(); // 0
a.b(1); // 1
a.b(1,2); // 3
函数判断
兼容各个浏览器的函数判断方法：
function isFunction(fn){
return Object.prototype.toString.call(fn)==="[object Function]"
}
网友评论