匿名函数与自执行函数

匿名函数就是指的没有名字的函数,即定义函数对象时不定义函数体名字,但是必须将匿名函数作为表达式赋予一定操作,比如将其作为变量值或者让其自执行,否则这次定义将无意义,解释器也会抛出异常。

匿名函数

/**
 * 定义函数 声明式
 * 声明式会导致函数提升,function会被解释器优先编译。即我们用声明式写函数,可以在任何区域声明,不会影响我们调用
 */
 function s(){
     console.log(1);
 }

/**
 * 定义匿名函数 函数表达式
 * 函数表达式中的function则不会出现函数提升(但是赋予的变量会提升)。经由JS解释器逐行解释,到了这一句才会赋值函数表达式。因此如果调用在函数表达式之前,则会调用失败。
 */
 var s = function(){
     console.log(1);
 }

// https://github.com/WindrunnerMax/EveryDay/blob/master/JavaScript/JS%E5%8F%98%E9%87%8F%E6%8F%90%E5%8D%87.md

对于上述定义方式调用s()并无区别,但是定义函数会存在函数体的提升,而定义匿名函数时只会将定义变量提升,赋值部分不会提升。

自执行函数

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

(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);

每日一题

https://github.com/WindrunnerMax/EveryDay