javascript: recursive anonymous function?

by

You can give the function a name, even when you’re creating the function as a value and not a “function declaration” statement. In other words:

(function foo() { foo(); })();

is a stack-blowing recursive function. Now, that said, you probably don’t may not want to do this in general because there are some weird problems with various implementations of Javascript. (note — that’s a fairly old comment; some/many/all of the problems described in Kangax’s blog post may be fixed in more modern browsers.)

When you give a name like that, the name is not visible outside the function (well, it’s not supposed to be; that’s one of the weirdnesses). It’s like “letrec” in Lisp.

As for arguments.callee, that’s disallowed in “strict” mode and generally is considered a bad thing, because it makes some optimizations hard. It’s also much slower than one might expect.

edit — If you want to have the effect of an “anonymous” function that can call itself, you can do something like this (assuming you’re passing the function as a callback or something like that):

asyncThingWithCallback(params, (function() {
  function recursive() {
    if (timeToStop())
      return whatever();
    recursive(moreWork);
  }
  return recursive;
})());

What that does is define a function with a nice, safe, not-broken-in-IE function declaration statement, creating a local function whose name will not pollute the global namespace. The wrapper (truly anonymous) function just returns that local function.

More Related Contents:

  1. What does this “(function(){});”, a function inside brackets, mean in javascript? [duplicate]
  2. I would like to ask how to explain this (javascript function)
  3. What’s the difference between using “let” and “var”?
  4. Explain the encapsulated anonymous function syntax
  5. Why use named function expressions?
  6. Assigning prototype methods *inside* the constructor function – why not?
  7. Function declarations inside if/else statements?
  8. How does this recursion work?
  9. Recursion in Angular directives
  10. How do I pass the this context to a function?
  11. (…()) vs. (…)() in javascript closures [duplicate]
  12. Typescript recursive function composition
  13. ECMAScript 2015: const in for loops
  14. What is the difference between “let” and “var”?
  15. Recursively print all permutations of a string (Javascript)
  16. Why is the variable `closed` being logged as `false`, if I define it globally as `0`?
  17. Access a variable outside the scope of a Handlebars.js each loop
  18. What’s the difference between a global variable and a ‘window.variable’ in JavaScript?
  19. Global JavaScript Variable Scope: Why doesn’t this work?
  20. functions inside or outside jquery document ready
  21. Javascript recursive array flattening
  22. javascript variable scope in the IF statement
  23. Dollar sign before self declaring anonymous function in JavaScript?
  24. How to pass two anonymous functions as arguments in CoffeScript?
  25. Why Is `Export Default Const` invalid?
  26. Jquery Ajax beforeSend and success,error & complete
  27. Why does IE nuke window.ABC variables?
  28. Recursive Promises Not Returning
  29. how to render child components in react.js recursively
  30. Renaming object keys recursively

Leave a Comment