JavaScript 立即执行函数

红太狼 2022-05-20 04:17 191阅读 0赞

**函数转为表达式，会被立即执行。再次访问函数名返回空**

![70][]

## 转成表达式的方法 ##

// 下面2个括弧()都会立即执行
    
    (function () { /* code */ } ()); // 推荐使用这个
    (function () { /* code */ })(); // 但是这个也是可以用的
    
    // 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的
    // 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了
    
    var i = function () { return 10; } ();
    true && function () { /* code */ } ();
    0, function () { /* code */ } ();
    
    // 如果你不在意返回值，或者不怕难以阅读
    // 你甚至可以在function前面加一元操作符号
    
    !function () { /* code */ } ();   
    ~function () { /* code */ } ();
    -function () { /* code */ } ();
    +function () { /* code */ } ();
    
    // 还有一个情况，使用new关键字,也可以用，但不确定它的效率
    // http://twitter.com/kuvos/status/18209252090847232
    
    new function () { /* code */ }
    new function () { /* code */ } () // 如果需要传递参数，只需要加上括弧()

## **自执行匿名函数和立即执行的函数表达式区别** ##

// 这是一个自执行的函数，函数内部执行自身，递归
    function foo() { foo(); }
    
    // 这是一个自执行的匿名函数，因为没有标示名称
    // 必须使用arguments.callee属性来执行自己
    var foo = function () { arguments.callee(); };
    
    // 这可能也是一个自执行的匿名函数，仅仅是foo标示名称引用它自身
    // 如果你将foo改变成其它的，你将得到一个used-to-self-execute匿名函数
    var foo = function () { foo(); };
    
    // 有些人叫这个是自执行的匿名函数（即便它不是），因为它没有调用自身，它只是立即执行而已。
    (function () { /* code */ } ());
    
    // 为函数表达式添加一个标示名称，可以方便Debug
    // 但一定命名了，这个函数就不再是匿名的了
    (function foo() { /* code */ } ());
    
    // 立即调用的函数表达式（IIFE）也可以自执行，不过可能不常用罢了
    (function () { arguments.callee(); } ());
    (function foo() { foo(); } ());
    
    // 另外，下面的代码在黑莓5里执行会出错，因为在一个命名的函数表达式里，他的名称是undefined
    // 呵呵，奇怪
    (function foo() { foo(); } ());

## **函数(function)，括弧(paren)，语法错误(SyntaxError)** ##

有趣的是，即便你为上面那个错误的代码加上一个名字，他也会提示语法错误，只不过和上面的原因不一样。在一个表达式后面加上括号()，该表达式会立即执行，但是在一个语句后面加上括号()，是完全不一样的意思，他的只是分组操作符。

// 下面这个function在语法上是没问题的，但是依然只是一个语句
    // 加上括号()以后依然会报错，因为分组操作符需要包含表达式
     
    function foo(){ /* code */ }(); // SyntaxError: Unexpected token )
     
    // 但是如果你在括弧()里传入一个表达式，将不会有异常抛出
    // 但是foo函数依然不会执行
    function foo(){ /* code */ }( 1 );
     
    // 因为它完全等价于下面这个代码，一个function声明后面，又声明了一个毫无关系的表达式： 
    function foo(){ /* code */ }
     
    ( 1 );

[70]: /images/20220520/d986b08407bc48b6a25a442d270b3f36.png