JavaScript中return返回函数与立即执行函数表达式(IIFE)解析

JavaScript中return返回函数与立即执行函数表达式(IIFE)解析

本文旨在澄清一个常见误区：许多初学者在接触JavaScript时，容易将函数返回与闭包概念混淆。文章标题虽提及闭包，但核心内容主要聚焦于return语句的基本行为。如有理解偏差，敬请谅解。

function makefunc(x) {
return function (){
return x;
 }
}
alert(makefunc(0));

理解return返回函数对象

上述代码并非没有执行，而是初学者往往期望alert弹出的是数字“0”，但实际上它输出的是一个函数定义字符串：function (){return x;}。

这并非脚本错误，而是对return机制理解不足。在JavaScript中，return语句用于从当前函数退出，并返回一个值。如果该值是函数，则返回的是函数对象本身，而非其执行结果。

若要获取函数的执行结果，需对返回的函数进行调用，例如将代码修改为alert(makefunc(0)())：

function makefunc(x) {
return (function (){
return x;
 })();
}
alert(makefunc(0)());

如何获取函数执行结果

如果希望获得函数执行后的具体结果，首先必须确保该函数被执行。例如：

function makefunc(x) {
return (function (){
return x;
 })();
}
alert(makefunc(0));

立即执行函数表达式(IIFE)详解

这里涉及一个匿名函数的概念。

(function (){
return x;
})();

在第一个括号内定义匿名函数，第二个括号用于调用该匿名函数。你可以在第二个括号中传入所需的参数。例如：

(function( x , y){
alert( x + y);
})(2 ,3 );