Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

Why do I have to omit parentheses when passing a function as an argument?

I am trying to wrap my head around as to why the following code results in a stack overflow when the parentheses are included, but do not when they omitted.

I am calling the function itself as an argument to setTimeout and it works without parantheses, but of course fails when I add them. It was my intuition to add the () after the function. Just hope somebody can clear this up for me. When are parans optional and not?

CASE 1:

var a = 1;
function foo() {
 a++;
 document.write(a);
 setTimeout(foo(), 2000)
} 
// RangeError: Maximum call stack size exceeded

CASE 2:

var a = 1;
function foo() {
 a++;
 document.write(a);
 setTimeout(foo, 2000)
}
// parens are omitted on foo function and it works.

Answer*

This question is usually first asked in reference to `setTimeout`, but I think it's important to point out that the behavior here isn't specific to that function. You simply need to understand what the parenthesis do and what it means to leave them off.

Assume the following function:

 function foo() {
 return 5;
 }

Consider the following two variable declarations/assignments:

 var one = foo();
 var two = foo;

What values do these variables have?

In the first case we're *executing* the `foo` function and assigning its return value -- the number `5` -- to `one`. In the second case we're assigning `foo` itself -- more precisely, a reference to `foo` -- to `two`. The function is never executed.

With this knowledge and an understanding that `setTimeout` expects as its first argument a *reference* to a function, it should be obvious why your first case fails, but the second one works.

Of course, your problem is exacerbated by the fact that the function you're executing is a recursive call to itself. This will just run forever -- for some definition of forever -- because there's no base case to terminate the recursion.

Draft saved

Draft discarded

Edit Summary*

Cancel

I must ask now though, what if you wanted to reference the foo function with an argument? e.g. setTimeout(foo(x), 2000). I understand now that this will obviously result in a stack overflow, but is it possible to pass a argument in the first function reference?

Chris M
– Chris M

2012年07月09日 21:55:07 +00:00
Commented Jul 9, 2012 at 21:55
@ChrisM - Yes, in that case the best thing to do is pass a reference to an anonymous function that then calls the desired function. Like this: setTimeout(function() { foo(x) }, 2000)

Wayne
– Wayne

2012年07月09日 21:56:28 +00:00
Commented Jul 9, 2012 at 21:56

Add a comment |

How to Edit

Correct minor typos or mistakes
Clarify meaning without changing it
Add related resources or links
Always respect the author’s intent
Don’t use edits to reply to the author

How to Format

create code fences with backticks ` or tildes ~
```
like so
```
add language identifier to highlight code
```python
def function(foo):
print(foo)
```
put returns between paragraphs
for linebreak add 2 spaces at end
_italic_ or **bold**
indent code by 4 spaces
backtick escapes `like _so_`
quote by placing > at start of line
to make links (use https whenever possible)

<https://example.com>

[example](https://example.com)

<a href="https://example.com">example</a>

formatting help »
answering help »

How to Tag

A tag is a keyword or label that categorizes your question with other, similar questions. Choose one or more (up to 5) tags that will help answerers to find and interpret your question.

complete the sentence: my question is about...
use tags that describe things or concepts that are essential, not incidental to your question
favor using existing popular tags
read the descriptions that appear below the tag

If your question is primarily about a topic for which you can't find a tag:

combine multiple words into single-words with hyphens (e.g. python-3.x), up to a maximum of 35 characters
creating new tags is a privilege; if you can't yet create a tag you need, then post this question without it, then ask the community to create it for you

popular tags »

lang-js

CollectivesTM on Stack Overflow

Why do I have to omit parentheses when passing a function as an argument?

Answer*