匿名函数与自执行函数

前端之家收集整理的这篇文章主要介绍了匿名函数与自执行函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

匿名函数与自执行函数

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

匿名函数

/**
 * 定义函数 声明式
 * 声明式会导致函数提升,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://www.f2er.com/js/992902.html

猜你在找的JavaScript相关文章