求教js中 function(){...}() 的涵义

Question

和 @怡红公子 讨论的时候发现了如下的问题，由于js基础薄弱，百思不得其解。

var arr = [1,2];

function test1(a){a[0] = 3}(arr);
console.log(arr); //[1,2]

(function test2(a){a[0] = 4}(arr));
console.log(arr);  //[4,2]

(function test3(a){a[0] = 5})(arr);
console.log(arr);  //[5,2]

test3很好理解，去掉头就可以……我是说去掉函数名就是平时常用的匿名函数用法。

test2没用过，但一直自我认为和test3是等价的。

test1 无法理解……求科普!

Answer 1

function test1(a){a[0] = 3}(arr);

就是

function test1(a){
  a[0] = 3
}

(arr);

Answer 2

2和3是等价的

Answer 3

第一种语法是错误的。开头function关键字声明的函数声明后面不能带括号，function test1(a){a[0] = 3}(arr);这行虽然没报错，但是代码不会执行。所以arr[0]并没有被操作。还是arr = [1,2]。
第二种和第三种是等价的，使用（）操作符把函数声明转换成了函数表达式，函数表达式后面可以带括号,并立即执行该函数。所以arr[0]的值都被操作成功了。
自己写的文章，可以参考下http://dengo.org/archives/1004。

Answer 4

提供一个测试的思路，函数体内 {} 可改成

{
    alert(1);
}

第二种情况与第三种情况一样会弹出1，第一种情况不会哦，也就是没有执行函数嘛