使用'return'在函数中创建函数是否合适?

时间:2013-11-24 16:15:22

标签: javascript function

在我调查功能时,我意识到我可以创建嵌入式功能。首先,我认为它可能对构造代码很有用。但现在我认为这不是好的编码风格。我对吗?这是一个例子。

function show () {
    return function a() {
        alert('a');
        return function b() {
            alert('b');
        }
    }
}

我可以使用以下字符串来呼叫alert('b')show()();

在什么情况下最好使用此方法,哪些不是?

2 个答案:

答案 0 :(得分:10)

是的,这有很多用途。

柯里

首先,您可能希望使用currying,其中使用具有多个参数的函数封装具有单个参数的函数。例如,

function getHandler(num){
 return function(){
  alert(num);
 }
}

myElement.onclick=getHandler(1)
myOtherElement.onclick=getHandler(25)
anotherElement.onclick=getHandler(42)

onclick()不能被赋予任意参数,因为系统会调用它。不是编写3个警告不同数字的不同处理程序,而是通过创建一个可以生成“警告数字”类型的任意处理程序的函数来减少膨胀。当然,这是一个相当简单的例子,但是如果必须做一些比alert()复杂得多的事情,那么curry的好处是显而易见的。

效率

另一种情况是,当你有一个复杂的函数时,它有一个计算量很大的部分,后面跟着计算量很小的部分。这两个部分采用不同的参数,通常第一部分的参数将是相同的。 memoization的某些变体可用于解决此问题,但函数返回值也可以起作用。

例如,假设您具有以下形式的功能:

function doSomething(a,b,c,x,y){
//Do some complicated calculations using a,b,c, the results go to variables e,f,g

//Do some simple calculations using e,f,g,x,y, return result
}

如果我想运行doSomething(1,2,3,18,34)+doSomething(1,2,3,55,35)+doSomething(1,2,3,19,12),则每次执行长部分需要3倍的执行时间。

但是,我们可以将其写成:

function doSomethingCreator(a,b,c){
//Do some complicated calculations using a,b,c, the results go to variables e,f,g
 return function(x,y){
  //Do some simple calculations using e,f,g,x,y, return result
 }
}

现在,我需要做的就是为我的参数集调用doSomethingCreator(),并使用创建的函数(快速)来获得最终结果。代码变为:

var doSomething123=doSomethingCreator(1,2,3);
console.log(doSomething123(18,34)+doSomething123(55,35)+doSomething123(19,12))

这方面的一个例子是求解微分方程。如果给出一些“边界条件”,则微分方程没有单一解。然而,(特别是对于同质方程),在一个点之后很容易改变边界条件并得到解。并且通常需要多次针对不同的边界条件求解相同的方程。因此,如果你想编写一个库方法,你可以将同质方程作为输入,并且它将返回一个函数,而这又可以给出边界条件作为输入以获得最终解。

通过闭包

“静态”变量

有时,您希望能够轻松创建一组变量并随身携带。

例如,如果要创建计数器功能:

function generateCounter(){
var c=0;
return function(){
        c++; 
        return c;
       }
}

我们可以使用它来制作许多独立的计数器,例如:

myCtr1=generateCounter();
myCtr2=generateCounter();

myCtr1(); //Returns 1
myCtr1(); //Returns 2
myCtr2(); //Returns 1
myCtr1(); //Returns 3
myCtr2(); //Returns 2

每个柜台都是独立的。当然,在这种情况下,使用myCtr1=0;myCtr2=0然后使用++运算符会更容易,但是如果你想记录它们递增的时间怎么办?扩展++案例会涉及大量代码重复,但是,在这里我们可以很容易地调整它:

function generateCounter(){
var c=[]; // The length of c is the value of the counter
return function(){
        c.push((new Date()).getTime()); 
        return c;
       }
}

何时不应使用

每当这样做没有明显的好处时。

除了想要将它用于闭包变量之外,使用外部函数的0参数通常没有多大意义,因为内部函数变成了相同的函数。看看它是否真的改进了程序,然后使用它。

答案 1 :(得分:0)

这是Javascript和其他一些将其功能视为一等公民的语言中最常见的编码风格之一。这些嵌套声明的最大用途之一是创建闭包和currying。