7.立即执行函数

一些应该掌握的知识点

• 立即执行函数的定义：此类函数没有声明，在一次执行后立即释放，适合做初始化工作，可不命名

• 立即执行函数的几种创建方式

  • 方式一：W3C标准写法

  • 注：函数后的圆括号用于传入外部参数

    (function () {    document.write('sample')}())

  • 方式二

    (function sample1() {    console.log('sample')} ())

  • 方式三

    (function sample2() {    console.log('sample')})()

  • 方式四

    var sample3 = function () {    console.log('sample');}()

  • 方式五

  • 注：符号’+’,’-‘,！’,’&&’,’||’可使变量声明变成函数表达式
    

    +function sample4() {    console.log('sample');}()

• 方式五的一个示例

  y = parseInt(window.prompt('请输入1或0'));y || function x () {document.write('sample');}(); /* 当y的值为0时则执行函数x，否则不执行同理， 当y的值为false时，则执行函数x,true则不执行 */

• 一些案例分析

  • 一道百度笔试题(难)
  • 注：符号’()’是一个数学运算符

  var str = 'abc';  str += 1;  console.log(typeof  +function test (str) {       console.log(str);      var newStr = typeof str;      console.log(newStr);      if (newStr != 'string') {          return (newStr + 'a');      }      console.log(newStr);          return newStr;  }(str));  //控制台顺序显示abc1，string，string，Number

分析：
　　分析之前应该注意，语句console.log(+function test(str){})不仅会显示函数test的值类型，还会执行函数test。
　　因为函数test通过一个数学运算符”+”被转换成了函数表达式，所以函数test的值类型为Number类型。

• 立即执行函数其中一个用法的示例

  分析：
  　　如下所示一段代码

  function test () {    var arr = [];    for (var i = 0; i < 10; i++) {        arr[i] = function () {            console.log(i);        }    }    return arr;}var outerArr = test();for (var j = 0; j < 10; j++) {    outerArr[j]();}　　//控制台顺序显示10个10

  　　预想中如上所示代码可以在控制台顺序显示0到9，但实际执行这个代码的时候，发现最终控制台显示的是10个10，并没有达到预想效果，这是为什么呢？
  　　因为在执行最后的for循环时，函数arr[i]内部每次所调用外部的变量i，最终都指向函数test自己的AO，而函数test下的变量i在执行完test下的for循环时值最终被覆盖为10，此时程序才开始解释执行，因此函数arr[i]里每次循环执行的语句console.log(i)最终执行结果都为10。
  　　那如何解决这个问题呢？
  　　我们可以利用立即执行函数的特性解决这个问题，代码如下所示。

  function test () {var arr = [];for (var i = 0; i < 10; i++) {    (function (j) {        console.log(j);    })(i)}return arr;}var outerArr = test(); //控制台顺序显示0到9

  　　如上例所示，在函数test下for循环中的立即执行函数中，圆括号内的变量i负责向形参j传入外部参数，由于test函数下for循环中的立即执行函数每次执行前都会创建一个自己的AO，同时每次执行完成后都会销毁自己的AO，所以形参j每次在立即执行函数执行时其实都是在参考不同的AO，所以立即执行函数执行时其中的语句console.log(j)每次都能输出不同的值，所以函数test执行时控制台顺序显示0到9，这样做的效果相当于在函数test下建立10个函数，每个函数在控制台顺次输出0到9。