JS函数之---立即执行函数(IIFE)

JavaScript017

JS函数之---立即执行函数(IIFE),第1张

Immediately-Invoked Function Expression(IIFE立即执行函数表达式)

可以让函数在创建后立即执行 必须是一个表达式

1、函数的定义方式一: 函数声明

2、函数的定义方式二: 函数表达式(匿名函数表达式、命名函数表达式)

1、错误写法 直接报错 js引擎看到function关键字会认定后面跟的是函数定义语句,此时后面如果直接加上()会被当做分组操作符,而分组操作符必须有表达式,所以此时报错

2、立即执行函数的正确写法,让js引擎认为这是一个表达式

1、立即执行函数不能再外面再被调用,执行完之后已经被立即销毁了。所以立即执行函数的函数名称可以省略, 统一使用匿名函数表达式

2、由于立即执行函数,执行完后就立即被销毁了 所以它可以创建一个独立的作用域,而且该作用域里面的变量,外面访问不到。因此就可以避免变量污染

正确输出写法:用立即执行函数将i作为参数传入,立即函数每次执行时,会把参数i的值复制一份。然后再创建函数作用域来执行函数

1、立即执行函数和闭包只是有一个共同有点就是都能减少全局变量的使用

2、立即执行函数只是函数的一种调用方式,声明完后立即调用,一般只能调用一次,调用完后会立即被销毁,不会占用内存,有自己的独立作用域,外部不能调用

3、闭包则主要是让外部函数可以访问内部函数的作用域,也减少了全局变量的使用,保证了内部变量的安全,但是被引用的内部变量不会被销毁,增大了内存消耗,使用不当会容易造成内存泄露

可参考: https://www.cnblogs.com/wenxuehai/p/10357274.html

第一个return作用是返回立即执行函数(IIFE)的计算结果,即另一个function,返回的这个function赋值给了add变量。第二个return对应的就是你调add时会给你的返回值。

这里这么做的目的是利用闭包的特性隔离作用域,从而起到模拟局部变量的效果。

假如你不这么做,counter变量会被挂载到global作用域,浏览器端就是window对象上

var result=[]

function foo(){

    var i= 0

    for (i<3i=i+1){

        result[i]=function(){

            alert(i)

        }

    }

}

foo()

result[0]() // 3

result[1]() // 3

result[2]() // 3

这段代码中,程序员希望foo函数中的变量i被内部循环的函数使用,并且能分别获得他们的索引,而实际上,只能获得该变量最后保留的值,也就是说.闭包中所记录的自由变量,只是对这个变量的一个引用,而非变量的值,当这个变量被改变了,闭包里获取到的变量值,也会被改变.

解决的方法之一,是让内部函数在循环创建的时候立即执行,并且捕捉当前的索引值,然后记录在自己的一个本地变量里.然后利用返回函数的方法,重写内部函数,让下一次调用的时候,返回本地变量的值,改进后的代码:

var result=[]

function foo(){

    var i= 0

    for (i<3i=i+1){

        result[i]=(function(j){

            return function(){

                alert(j)

            }

        })(i)

    }

}

foo()

result[0]() // 0

result[1]() // 1

result[2]() // 2