Js中的立即执行函数

0x00 传统的两种写法

  当需要函数立即执行时就可以使用立即执行函数

let box = document.querySelector('.box');
    (function (a) {
      console.log('第一种写法');
      console.log(a);
    })(1); //这个括号可以看成函数的调用
    //这种方法支持箭头函数
    ((a) => {
      console.log('第一种写法使用箭头函数');
      console.log(a);
    })(1);
      (function (b,c) {
        console.log('第二种写法');
        console.log(b);
        console.log(c);
      }(2,3));//这种方法不支持箭头函数

0x01 比较偏门的方法

!function (a) {
      console.log('第一种写法');
      console.log(a);
    }(1);//在函数前加上操作符便可达到立即执行的目的
    //！返回的是true，而+—*%等返回NaN
    //注意，这种方法不支持箭头函数

0x02 立即执行函数的最大作用

    立即执行函数最大的作用就是创建了一个独立的作用域。