匿名函数
创建匿名函数的情况一般是将匿名函数保存在一个变量里,或者将其作为一个对象的方法,或者将其作为一个回调。
// 匿名函数直接作为鼠键处理程序
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]"
}