深入理解JavaScript立即调用函数表达式（IIFE）

(function (x) {

    console.log('x + x = ', x + x);})(5) // x + x = 10

var foo = function(){

    console.log('余光');}(); // 余光 成功了！

 // ...是不是意味着后面加个括弧都可以自动执行？function(){

    console.log(''余光);}(); // Uncaught SyntaxError: Function statements require a function name// 什么？还需要一个函数名？不是叫 自执行匿名函数吗？// 我加上了函数名function foo(){

    console.log('余光');}(); // Uncaught SyntaxError: Unexpected token ')'

//语句function fn() {};//表达式var fn = function (){};

// 下面这个function在语法上是没问题的，但是依然只是一个语句// 加上括号()以后依然会报错，因为分组操作符需要包含表达式

 function foo(){ /* code */ }(); // SyntaxError: Unexpected token )

 // 但是如果你在括弧()里传入一个表达式，将不会有异常抛出// 但是foo函数依然不会执行function foo(){ /* code */ }( 1 );

 // 因为它完全等价于下面这个代码，一个function声明后面，又声明了一个毫无关系的表达式： function foo(){ /* code */ }

 ( 1 );

// 下面2个括弧()都会立即执行(function () { /* code */ } ()); // 推荐使用这个(function () { /* code */ })(); // 但是这个也是可以用的

// 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的// 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了var i = function() {

    console.log('余光')}(); // 余光true && function() {

    console.log('余光')}(); // 余光0, function() { console.log('余光') }(); // 余光

// 如果你不在意返回值，或者不怕难以阅读// 你甚至可以在function前面加一元操作符号//转boolvar res1 = !function () {

    console.log('余光');}()console.log('res1:', res1); // 余光 true// 转数字var res2 = +function () {

    console.log('余光');}()console.log('res2:', res2); // 余光 NaN// 按位非var res3 = ～function () {

    console.log('余光');}()console.log('res3:', res3); // 余光 NaN

void function() {

    console.log('余光');}();new function() {

    console.log('余光');}();

var currentTime = (function () {

    var time = new Date();

    var year  = time.getFullYear()

    var month = time.getMonth()+1;

    var date  = time.getDate();

    var hour  = time.getHours();

    var min   = time.getMinutes();

    return year + '-' + month + '-' + date + ' ' + hour + ':' + min;})()

var addEvent = (function(){

    if(window.addEventListener) {

        return function(type, el, fn) {

            el.addEventListener(type, fn, false);

        }

    }

    else if(window.attachEvent) {

        return function(type, el, fn) {

            el.attachEvent('on' + type, fn);

        }

    }})();

var elems = document.getElementsByTagName('a');for (var i = 0; i < elems.length; i++) {

    (function (lockedInIndex) {

        elems[i].addEventListener('click', function (e) {

            e.preventDefault();

            alert('I am link #' + lockedInIndex);

        }, 'false');

    })(i);}

(function () {

    var name = "Barry";})();// 无法从外部访问变量 namename // 抛出错误："Uncaught ReferenceError: name is not defined"

var result = (function () {

    var name = "Barry";

    return name; })(); // IIFE 执行后返回的结果：result; // "Barry"