胡扯JS系列-匿名函数的自动运行

马龙驹发布于2019-08-23 14:35 / 2879人阅读

摘要：函数有很多种，我们就选择我们不懂的函数开始学习中自动运行的匿名函数在中可以使用匿名函数在我们学习的时候也有类似的概念，匿名实现类，在中的函数也是一种对象，也是需要一块内存对其进行保存。

函数有很多种，我们就选择我们不懂的函数开始学习！

JS中自动运行的匿名函数

在JavaScript中可以使用匿名函数（在我们学习Java的时候也有类似的概念，匿名实现类），在JavaScript中的函数也是一种对象，也是需要一块内存对其进行保存。如果想调用该函数，我们只是需要找到这块内存即可，然后就可以执行。关键步骤如下：

将函数对象保存到一块内存当中

找到这块内存

通常我们使用函数名来查找这块地址，不过通过函数名只是找到这块内存地址的一种工具而已。

function test01(){

    console.log("定义方式");
}
//函数的调用
test01();

var test02 = function () {
    console.log("变量方式");
}
//函数的调用
test02();

上述的示例，我们就是通过函数名找到了这块内存地址，在使用()进行函数的执行，也就是只要我们能找到这块内存就可以去执行！

匿名函数，顾名思义就是没有名字的函数，其实在上面写的test02函数表达式中，我们就创建了匿名函数，并将该函数赋值给了变量test02，用test02来进行函数的调用，调用方式就是在变量test02后面加入小括号，这是匿名函数的调用方式之一

还有一种匿名函数的调用规则如下：

第一步：使用function关键字定义一个函数

第二步：使用小括号将内容括起来

关键步骤：这只是一种语法的要求，否则后面的执行语句无法被引擎正确的识别，如果这样将函数定义好，引擎就会为其分配一块内存保存

第三步：直接在后面加入小括号完成调用，可以放入参数

(function (x, y) {
    console.log(x+y);
})(2, 3);
//等价于代码
var test03 = function(x,y){
    console.log(x+y);
}(2,3);

代码分析

var log=(function(){
    console.log("创建日志函数");
    return function(param){
        console.log(param);
    };
})();
log("www.baidu.com");

这段代码属于一种比较经典的代码，这里创建了一个自动运行的匿名函数，不过其返回值仍然是一个匿名函数，也就是说函数自运行后返回的结果仍然是函数。把返回值的函数赋值给变量log，就可以使用log变量来调用返回的函数了。

请注意上述代码中，我们其实是包含两块内存保存函数，自动运行的函数本身有一块内存来保存，当碰到后面表示执行的小括号后会自动运行，另外还有一块内存来保存所返回的函数，而返回的值其实是这块内存地址，这样log变量就指向了这块保存函数的内存，因此可以使用log来完成对函数的执行。

一些有趣的自运行函数的定义方式

// 下面2个括弧()都会立即执行  
(function () { /* code */ } ()) // 推荐使用这个  
(function () { /* code */ })() // 但是这个也是可以用的  
  
// 由于括弧()和JS的&&，异或，逗号等操作符是在函数表达式和函数声明上消除歧义的  
// 所以一旦解析器知道其中一个已经是表达式了，其它的也都默认为表达式了  
var i = function () { return 10; } ();  
true && function () { /* code */ } ();  
0, function () { /* code */ } ();  
  
// 如果你不在意返回值，或者不怕难以阅读
// 你甚至可以在function前面加一元操作符号  
!function () { /* code */ } ();  
~function () { /* code */ } ();  
-function () { /* code */ } ();  
+function () { /* code */ } ();  
  
// 还有一个情况，使用new关键字,也可以用，但我不确定它的效率  
// http://twitter.com/kuvos/status/18209252090847232  
new function () { /* code */ }  
new function () { /* code */ } () // 如果需要传递参数，只需要加上括弧()  

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

服务器托管专线服务 js匿名函数内的方法 js匿名函数 js匿名函数调用 js匿名函数写法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100818.html

胡扯JS系列-内存模型和函数执行

摘要：二在中函数是如何执行的函数我们之前已经都接触过了，函数无非有两部分数据和对数据的操作。函数的调用输出结果为我们使用了的调试，函数在执行时会将参数和函数中所用到的变量方法相同的地位，即在函数内部执行的时候不会区分是参数还是变量。 showImg(https://segmentfault.com/img/remote/1460000017790532); 准备写点乱七八糟的文章，对Java...

douzifly 2019-08-23 14:33 评论0 收藏0
JavaScript学习

摘要：和，前者是过滤选择器而后者是子代选择器。第三章中的操作查找节点想要查找元素节点或者是属性节点，就是通过前一章学习的选择器获取相应元素的文本，或者是通过选择器属性名获取某元素相应属性的值。 About Javscript record the thing which maybe forgetten 原生JavaScript Javascript DOM document.writ...

J4ck_Chan 2019-08-19 17:57 评论0 收藏0
【JS脚丫系列】重温闭包

摘要：内部的称为内部函数或闭包函数。过度使用闭包会导致性能下降。，闭包函数分为定义时，和运行时。循环会先运行完毕，此时，闭包函数并没有运行。闭包只能取得外部函数中的最后一个值。事件绑定种的匿名函数也是闭包函数。而对象中的闭包函数，指向。闭包概念解释：闭包（也叫词法闭包或者函数闭包）。在一个函数parent内声明另一个函数child，形成了嵌套。函数child使用了函数parent的参数...

MartinDai 2019-08-26 10:21 评论0 收藏0
深入理解JavaScript系列4:立即调用的函数表达式

摘要：前言大家学的时候，经常遇到自执行匿名函数的代码，今天我们主要就来想想说一下自执行。其实，前面两个例子里的变量，也可以换成，因为和外面的不在一个作用于，所以不会出现问题，这也是匿名函数闭包的威力。前言大家学JavaScript的时候，经常遇到自执行匿名函数的代码，今天我们主要就来想想说一下自执行。在详细了解这个之前，我们来谈了解一下自执行这个叫法，本文对这个功能的叫法也不一定完全对...

roadtogeek 2019-08-19 17:20 评论0 收藏0
PHP新特性之闭包、匿名函数

摘要：闭包闭包是什么闭包和匿名函数在中被引入。可以将匿名函数和闭包视作相同的概念。闭包和字符串或整数一样，是一等值类型。何时使用我们通常把闭包当做函数和方法的回调使用。闭包闭包是什么？ 1).闭包和匿名函数在PHP5.3中被引入。2).闭包是指在创建时封装函数周围状态的函数，即使闭包所在的环境不存在了，闭包封装的状态依然存在，这一点和Javascript的闭包特性很相似。3).匿名函数就...

luzhuqun 2019-06-27 17:07 评论0 收藏0