js的立即执行函数

本文深入解析立即执行函数的调用方式及其在创建独立作用域、避免变量污染方面的优势。通过具体示例展示如何利用立即执行函数封装代码,保护变量不被外部访问。

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

前提说明

了解函数的5种声明,可查看我写的 函数的简解

一、立即执行函数的调用方式
//普通函数调用方式
function getName(parm1,parm2){
  console.log(parm1+","+parm2)
}
getName.call(undefined,"hello","word")     //  hello,word
//立即执行函数:声明一个匿名函数,然后立即调用
(function(){  ...  }.call())    ----   简写为   (function(){  ...  }()) 
(function(){  ...  }).call()    ----   简写为   (function(){  ...  })()
-function(){  ...  }.call()     ----   -function(){  ...  }() 
+function(){  ...  }.call()     ----   +function(){  ...  }() 
!function(){  ...  }.call()     ----   !function(){  ...  }() 
~function(){  ...  }.call()     ----   ~function(){  ...  }() 

//这里例举期中一种的使用方式,其他使用方式一致
(function(parm1,parm2){
  console.log(parm1+","+parm2)
})("hello",34)                 //输出  hello,34
二、使用立即执行函数的好处

好处:创建一个独立的作用域,这个作用域里面的变量,外面访问不到(即避免「变量污染」)。
此时若是想访问全局对象,将全局对象以参数形式传进去即可,如jQuery代码结构:

//其中window即是全局对象
(function(window,undefined){
  ....
})(window)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值