javascript一等公民------函数-优快云博客

本文深入探讨JavaScript中的函数特性，包括函数作为第一类对象的概念、回调函数的应用、存储函数的技巧、自记忆函数的实现原理及立即函数的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.函数的概念

javascript中最关键的概念：函数是第一类对象，或称它们为一等公民。
复制代码

函数也可以被视为其他任意类型的javascript对象。javascript中函数拥有对象的所有能力，页因此函数可被作为任意其他类型对象来对待。当我们说函数是第一类对象时就是说函数也能够实现以下功能：

1.通过字面量创建，数组项或其他对象的属性。
2.赋值给变量，数组或其他对象的而属性。
3.作为函数的参数传递。
4.作为函数的返回值。
5.具有动态创建和分配的属性。

对象能做的任何一件事，函数也能做。函数也是对象，唯一的特殊之处在于它是可调用的，即函数会被调用以便执行某项操作。

2.回调函数

每当我们建立一个将在随后调用的函数时，无论是在事件处理阶段通过浏览器还是通过其他代码，我们都是在建立一个回调（callback）。这个术语源自于这样一个事实，即在执行过程中，我们建立的函数会在稍后的某个合适时间点“再回来调用”。

function useless(callback){
    return callback();
}
复制代码

这个函数可能没什么用，但它反应了函数的一种能力，即将函数作为另一个函数的参数，随后通过参数来调用------这个也就是上面所说的函数的第三个功能！

var text="Domo arigato!";
report("Before defining functions");

//函数定义，参数作为一个回调函数，其函数体内会立即调用该回调函数
function useless(callback){
    report("In useless function");
    return callback();
}

//简单的函数定义，仅返回一个全局变量
function getText(){
    report("In getText function");
    return text;
}
report("Before making all the calls");

//把getText作为回调函数传入上面的useless函数
assert(useless(getText)===text,
        "The useless function works!"+text);
report("After the calls have been made!")
复制代码

javascript的重要特性之一是可以在表达式出现的任意位置创建函数，除此之外这种方式能使代码更紧凑和易于理解（把函数定义放在函数使用处附近）。当一个函数不会在代码的多处位置被调用时，该特性可以避免用非必需的名字污染全局命名环境。

document.body.addEventListener("mousemove",function(){
    var second=document.getElementById("second");
    addMessage(second,"Event:mousemove");
});
复制代码

上述同样是一个回调函数的例子，作为mousemove事件的事件处理器，当事件发生时，会被浏览器调用。

综上：回调函数是其代码会在随后的某个合适时间点“回过来调用”的函数。
复制代码

3.存储函数

某些例子中（例如，我们需要管理某个事件发生后需要调用的回调函数集合），我们会存储元素唯一的函数集合。当我们向这样的集合中添加函数时，会面临两个问题：哪个函数对于这个集合来说是一个新函数，从而需要被加入到该集合中？又是哪一个函数已经存在于集合中，从而不需要再次加入到集合中？一般来说，管理回调函数集合时，我们并不希望存在重复函数，否则一个事件会导致同一回调函数被多次调用。

给函数附加一个属性后，我们就可以引用该属性。下面的例子就是通过该方法确保ninja函数仅被添加到函数中一次。  
复制代码

var store={
    nextId:1,       //跟踪下一个要被复制的函数
    cache:{},       //使用一个对象作为缓存，我们可以在其中存储函数
    add:function(){         
        if(!fn.id){         //仅当函数唯一时，将该函数加入缓存
            fn.id=this.nextId++;
            this.cache(fn.id)=fn;
            return true;
        }
    }
};
function ninja(){};

//测试上面代码按预期工作
assert(store.add(ninja),
        "Function was safely added.");
assert(!store.add(ninja),
        "But it was only added once.");
复制代码

另外一种有用的技巧是当使用函数属性时，可以通过该属性修改函数自身。这个技术可以用于记忆前一个计算得到的值，为之后计算节省时间。

4.自记忆函数

记忆化是一种构建函数的处理过程，能够记住上次计算结果。在这个外壳中，当函数计算得到结果时就将该结果按照参数存储起来。采用这种方式，如果另外一个调用也使用相同的参数，我们则可以直接返回上次存储的结果而不是再计算一遍，这样既避免重复又复杂的计算也可以显著的提高性能。（记忆化特指函数的返回值）

下面的例子使用一个简单的算法计算素数，尽管这是一个复杂计算的简单例子，但它经常被应用到大计算量的场景中。



function isPrime(val){
    //创建缓存
    if(!isPrime,answers){
        isPrime.answers={};
    }
    //检查缓存的值
    if(isPrime.answers[val] !== undefined){
        return isPrime.answers[val];
    }
    var prome = val !== 0 && val !==1;  //1 is not a prime
    for (var i = 2;i<val;i++){
        if(val % i ===0){
            prime = false;
            break;
        }
    }
    return isPrime.answer[val] = prime;  //<--------存储计算的值
}
//测试该函数是否正常工作
assert(isPrime(5),"5 is prime!");
assert(isPrime.answers[5],"The answer was cached!");
复制代码