JavaScript 立即执行函数表达式(IIFE)原理解析

作者:拾光

时间:2026-10-23

浏览:93

本文解析 JavaScript 中常见的立即执行函数表达式(IIFE)语法,即 (function($){})(jQuery)。通过拆解括号含义、匿名函数定义及参数传递机制,阐明该模式如何利用局部作用域封装代码,并将 jQuery 对象作为参数传入形参 $,从而避免全局变量污染。

文章目录

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);

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章