了解Javascript中的匿名函數

Question

假設一個具有功能：

function doSomething(){
    attachEvent("click", function(){
         //there is a lot of code in this anonymous function
         //It may need to be defined somewhere else as a named function             
         doSomethingElse = variable;
    });
}

一個人如何在其他地方定義它並傳遞一個變量

function doSomething(){
     //this fires straight away 
     attachEvent("click", doNamedFunction(this.variable)); 
}

function doSomething(){
    //works but arguments aren't being passed
    attachEvent("click", doNamedFunction);
}

//I am defined as a named function instead of an anonymous function
function doNamedFunction(arg){
     doSomethingElse = arg;
     //do lots of other stuff below
}

所以問題是如何聲明命名函數並傳遞參數來代替匿名函數，還是您始終需要使用匿名函數作為回調。

提前謝謝了！

Answer 1

您必須將函數包裝在匿名函數中，或者使用在較新的瀏覽器中可用的.bind() API：

    attachEvent("click", doNamedFunction.bind(undefined, this.variable));

該.bind()調用返回會調用“doNamedFunction”與函數undefined為this值，你給出的參數。 除了一些（有趣的）細節之外，您還可以將.bind()視為為您創建匿名函數的機制。