带/不带括号的 Javascript 函数调用

Question

代码_0:

(调用 foo 不带括号)

function foo(){
    console.log('hello world');
}

setTimeout(foo, 2000);

code_0 是这样执行的:

start -> wait for 2 seconds -> 'hello world' displayed -> end

代码_1:

(用括号调用foo)

function foo(){
    console.log('hello world');
}

setTimeout(foo(), 2000);

这就是 code_1 的执行方式:

start -> 'hello world' displayed immediately -> wait for 2 seconds -> end

为什么当我用括号调用函数时程序的执行会如此不同？底层机制是什么？

抱歉，如果这个问题太琐碎了。但是我找不到任何针对初学者的 javascript 教程的解释。

Answer 1

setTimeout(foo, 2000) 将函数 foo 和数字 2000 作为参数传递给 setTimeout。 setTimeout(foo(), 2000) 调用 foo 并将其返回值和数字 2000 传递给 setTimeout。

在第一个示例中，您根本没有调用该函数，只是像传递任何其他值一样将其作为参数传递。

作为一个更简单的例子，只需记录一下:

function foo() {
    return 5;
}

console.log(foo);   // console.log is passed a function and prints [Function]

console.log(foo()); // foo() is called and returns 5; console.log is passed 5
                    // and prints 5