javaScript:当即执行函数表达式的学习笔记

• 经常使用简写名为：IIFE

• 全称：Immediately Invoked Function Expression

• 解释：IIFE是指当即调用的函数表达式，也就是说，声明函数的同时当即调用函数自己

结构

(function 方法名(){
    // 方法的主体逻辑
})()
复制代码

对比

一、普通的方法定义跟调用

// 定义一个koa的方法
function koa() {
    console.log('输出一个bug！')
}
// 调用刚刚定义的方法
koa()
复制代码

二、IIFE形式的方法定义跟调用

(function koa(){
    console.log('输出一个bug！')
})()
复制代码

转变表达式的写法

一、()() 双括号

(function koa(){
    console.log('输出一个bug！')
})()
复制代码

二、单括号，函数后面在加一个（）

(function(){
    console.log('输出一个bug！')
}())
复制代码

三、!

!function(){
    console.log('输出一个bug！')
}()
复制代码

四、+

+function(){
    console.log('输出一个bug！')
}()
复制代码

五、void

void function(){
    console.log('输出一个bug！')
}()
复制代码

为何须要IIFE

• 一、隔离做用域

• 二、写法更加优雅，避免啰嗦的定义跟调用