js立即执行函数原理

函数声明方式

function fn () { // 函数声明
    // ...
}
let fn = function () { // 函数引用
    // ...
}

function () { // 匿名函数
    // ...
}

(function () { // 立即执行函数
   // ...
}())

此处讲的是立即执行函数的原理，所谓立即执行函数是被定义的时候就立即执行，而在Javascript中能立即被执行的只有表达式，普通函数被定义不会立即执行，等待被调用，而加上数学运算符 （） 括号之后，会将函数声明转换成表达式，使函数能够被直接执行，并且执行后函数的执行上下文被销毁。

函数不仅能够被括号转换成表达式，还能够被其他一些数学运算符转换成表达式，从而能够被立即执行

!function () {
    console.log('立即执行')
}()
// print： '立即执行'

+function () {
    console.log('立即执行')
}()
// print： '立即执行'

-function () {
    console.log('立即执行')
}()
// print： '立即执行'

+function () {
    console.log('立即执行')
}()
// print： '立即执行'

~function () {
    console.log('立即执行')
}()
// print： '立即执行'

值得一提的是，立即执行函数之后，其他变量引用不到该函数，因为引用的是表达式返回的结果

var fn = (function () {  console.log('立即执行')}())
print：'立即执行'
console.log(fn) // undefined


var fn = !function () {  console.log('立即执行')}()

print：'立即执行'
console.log(fn) // true