IIFE(立即执行函数)随笔

IIFE

IIFE( 立即调用函数表达式)是一个在定义时就会立即执行的 JavaScript 函数。

(function () {
    // todo something
})();

自执行函数包括两部分:

  • 包围在 圆括号运算符 () 里的一个匿名函数,这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。

  • 再一次使用 () 创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行函数。

了解函数声明、函数表达式、匿名函数

函数声明

function todo() {
  console.log('函数声明')
}

函数表达式

var todo = function () {
  console.log('函数表达式')
}

匿名函数

function () {
  console.log('匿名函数')
}
IIFE 的优点

通过定义一个匿名函数,生成一个独立私有的函数作用域空间,该空间内的方法和变量,不会污染全局环境,同时也不会被外界使用到

(function () {
  var name = 'Mary';
})();

console.log(name)  // '' 此时在外部是读取不到内部的变量的

不用再次调用函数,可以直接执行

var result = (function () { 
    var name = "Barry"; 
    return name; 
})();

console.log(result) // Barry result 保存的不是声明地函数体,而是函数执行的结果。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
超赞100套网站模板 如下.CL 001.jpg 001_consultant.zip 002.jpg 002_1361070670.zip 003.jpg 003_Internet_Jobs.zip 004.jpg 004_Internet_Music.zi 005.jpg 005_greefies.zip 006.jpg 006_squick.zip 007.jpg 007_harvest55547.zip 008.jpg 008_blackberrytemplat 009.jpg 009_flower_shop.zip 010.jpg 010_lingerie_store.zi 011.jpg 011_Web_Application.z 012.jpg 012_Internet_Studio.z 013.jpg 013_puzzled.zip 014.jpg 014_F-GEN-03.zip 015.jpg 015_F-CSS-03.zip 016.jpg 016_F-CSS-02.zip 017.jpg 017_F-GEN-01.zip 018.jpg 018_temper.zip 019.jpg 019_jet_30.zip 020.jpg 020_green_web.zip 021.jpg 021_flash_web.zip 022.jpg 022_apple_web.zip 023.jpg 023_trial_impact.zip 024.jpg 024_aquatic.zip 025.jpg 025_business_events.z 026.jpg 026_cool_web.zip 027.jpg 027_genius_web.zip 028.jpg 028_expert_vision.zip 029.jpg 029_inter_craft.zip 030.jpg 030_1247149577.zip 031.jpg 031_business_design_2 032.jpg 032_delicious_fruit.z 033.jpg 033_multiflex37.zip 034.jpg 034_SimpleLife.zip 035.jpg 035_Street_Style.zip 036.jpg 036_missunderstood.zi 037.jpg 037_street_life.zip 038.jpg 038_contest.zip 039.jpg 039_clarity.zip 040.jpg 040_the_old_forest.zi 041.jpg 041_typography_paramo 042.jpg 042_subordinatetemp56 043.jpg 043_naturescharmtemp5 044.jpg 044_zenliketemp9875.z 045.jpg 045_clickerwebtemp397 046.jpg 046_BizCompanytemp456 047.jpg 047_template3673_008. 048.jpg 048_happy_template.zi 049.jpg 049_Internet_Encyclop 050.jpg 050_conceptnova.zip 051.jpg 051_free_css_full_sit 052.jpg 052_blackeyedsusan.zi 053.jpg 053_reference.zip 054.jpg 054_interlude.zip 055.jpg 055_printing.zip 056.jpg 056_numerology.zip 057.jpg 057_greenygrass.zip 058.jpg 058_collaboration.zip 059.jpg 059_breakfast.zip 060.jpg 060_newsflash.zip 061.jpg 061_discovery.zip 062.jpg 062_adios.zip 063.jpg 063_oldarchitecture.z 064.jpg 064_beauty_co.zip 065.jpg 065_jewelry_shop.zip 066.jpg 066_book_store.zip 067.jpg 067_real_estate.zip 068.jpg 068_business_company_ 069.jpg 069_electronix.zip 070.jpg 070_photo_gallery_gre 071.jpg 071_quartz_istorage.z 072.jpg 072_aero_so

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值