自执行函数的理解

本文探讨了JavaScript中的自执行函数,通过对比函数声明和函数表达式,详细解析了自执行函数的两种常见写法及其特点。强调了自执行函数的函数体必须是表达式,并举例说明了使用自执行函数如何创建作用域隔离,保护内部变量不被外部覆盖。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天抽空研究一下jquery的源码,发现jquery的整体框架是从自执行函数开始的。(function(e, t) {})(window),今天就来好好研究下这个自执行函数是怎么回事。

首先区分两个概念,函数声明,函数表达式。

function fn(){};这种是函数声明的最通俗写法,根本的标志是需要有个函数名,函数声明的好处,是可以在函数声明之后,在代码执行的任何位置调用fn();都可以执行这段代码,fn();function fn(){};

再来看一下,函数表达式,var fn = function(){};  将一个匿名函数赋值给fn。和函数声明的区别是,函数的调用只能在函数表达式的后面,否则会产生报错。

var fn = function(){} ;  fn();  

OK,简单讨论了下函数声明和函数表达式的区别,再来看下今天讨论的猪脚自执行函数。

( function(){…} )()和( function (){…} () ),这两种是自执行函数的两种常见写法,抽出相同的地方我们来分析一下;

一、就是函数体的后面都加的有小括号;二、最关键的部分,函数体的部分都是表达式,自身都处于括号的包裹之中。

(function(arg){alert(arg)})(aaa);!function(arg){alert(arg)}(aaa);+function(arg){alert(arg)}(aaa);同样的把+,!替换成~,-,*

函数体依旧是表达式,整个函数依旧自执行。所以最后总结,自执行函数的首要特点是,函数体必须为函数表达式。

  关于自执行函数的特点,简单提一个关于作用域的问题。可以通过自执行函数构造一个变量的容器,容器内部可以访问外部的变量,

而外部却访问不到自执行函数内部的变量。有效避免了在全局或局部作用域中声明的一些变量,可能会被其他人不小心用同名的变量给覆盖掉。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值