匿名函数与自执行函数

匿名函数

匿名函数就是指的没有名字的函数，即定义函数对象时不定义函数体名字，但是必须将匿名函数作为表达式赋予一定操作，比如将其作为变量值或者让其自执行，否则这次定义将无意义，解释器也会抛出异常。
函数表达式中的 function 则不会出现函数提升（但是赋予的变量会提升）。经由 JS 解释器逐行解释，到了这一句才会赋值函数表达式。因此如果调用在函数表达式之前，则会调用失败。

// 定义匿名函数 函数表达式
var s = function() {
    console.log(1);
}

自执行函数

自执行即函数定义与创建合用为一体，创建完成即调用。

(function() {
    console.log(1);
})(); // 1

包围函数的第一段括号返回一个匿名函数，随后第二个括号将其调用。这种方式可以缩小作用域，ES6 之前 JS 仅有全局作用域与函数作用域，显然将所有变量交予全局作用域是不合适的，而定义函数再调用再销毁函数操作了三步，使用自执行匿名函数可以将上述三步操作定义后即完成。

常用的自执行方式

只要能够将匿名函数作为一个表达式出现，在后边加入 () 就能够将其自执行

// 这种经常用来构建沙箱模式
(function() {
    console.log(1);
}());

// 常用方式 传参操作
(function(i) {
    console.log(i);
})(1);

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

var i = function() {
    console.log(1);
}();

true && function() {
    console.log(1);
}();

false || function() {
    console.log(1);
}();

0,
function() {
    console.log(1);
}();

如果你不在意返回值，或者不怕难以阅读，甚至可以在 function 前面加一元操作符号

! function() {
    console.log(1);
}();

~ function() {
    console.log(1);
}();

-
function() {
    console.log(1);
}();

+
function() {
    console.log(1);
}();

使用 new 关键字

new function() {
    console.log(1);
}
new function(i) {
    console.log(i);
}(1);