JavaScript中函数前加号与叹号的作用解析

+function(){}(); 

JavaScript中函数前加号与叹号的作用解析

此处的加号可替换为!,~等其他一元操作符，其作用等同于：

(function() { console.log("Foo!"); })(); 
// or 
(function() { console.log("Foo!"); }()); 

若不加前缀，解析器会将function视为函数声明的起始，随后的括号将引发语法错误。在function前添加+号后，代码转为函数表达式，此时在表达式后追加()即可实现函数的立即执行。

接下来分析JS函数前感叹号的具体用途：

一、JS函数声明形式

function fnA(){alert('msg');} //声明式定义函数 

二、JS函数表达式形式

var func = function(agr1,arg2){ //创建匿名函数
alert(arg1 + ' ' + arg2);
} 

三、JS匿名函数声明后立即执行的常见格式

(function() { /* code */ })();

说明

1、包围函数（function(){})的第一对括号用于向脚本返回未命名的函数，随后一对空括号立即执行该返回的未命名函数，括号内包含匿名函数的参数。

2、使用括号包裹函数体，解析器将以函数表达式的方式调用定义函数。即任何能将函数转化为函数表达式的做法，都能使解析器正确调用定义函数。!是其中一种方式，而+、-、||也具有相同功能。

3、该函数的主要作用为匿名及自动执行