JavaScript 立即执行函数表达式（IIFE）原理解析

JavaScript 立即执行函数表达式（IIFE）原理解析

(function($){})(jQuery);

理解这一语法结构主要涉及以下几个核心概念：

首先，在 JavaScript 中，圆括号 () 用于表示执行某个方法或函数调用。例如：

function x(){

alert("xxx");

}

var a = x; // 此处未调用函数，变量 a 指向函数对象本身

var a = x(); // 此处调用了函数，变量 a 接收的是函数的返回值：undefined

其次，jQuery 是一个 jQuery 对象。在调用函数时，将其作为参数传入，意味着该函数接收一个 jQuery 对象作为输入。

这一部分相对直观，无需过多解释。

第三，(function($){}) 定义了一个匿名函数，其中 $ 是形式参数。这里的括号是语法必需的，用于将函数定义包裹为表达式。

从结构上看，上述代码等价于以下两步操作：

var f = function($){};

f(jQuery);

经过上述拆解，可以看出该写法并不复杂，也不晦涩难懂。