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

P酱
  • 3.2k

@怡红公子 讨论的时候发现了如下的问题,由于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 无法理解……求科普!

回复
阅读 3.5k
4 个回答
✓ 已被采纳
function test1(a){a[0] = 3}(arr);

就是

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

(arr);

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

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

{
    alert(1);
}

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏