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

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系列-匿名函数的自动运行相关推荐

  1. Js中匿名函数的理解

    目录 1.js中匿名函数的N种写法 最常见的用法: 2.JavaScript 匿名函数及闭包 2.1 匿名函数 2.1.1 函数的定义 2.1.2 匿名函数的创建 2.2 闭包 2.3 举例 2.4 ...

  2. 【转】js之匿名函数

    这篇博文内容来自于javascript高级程序设计第2版,向作者致敬 函数声明: function functionName(arg0,arg1){ //函数体 } 函数表达式: var functi ...

  3. js的匿名函数 和普通函数

    匿名函数在声明时不用带上函数名, 可以把匿名函数当作一个function类型的值来对待 声明一个普通的函数 function func() { ... } 可以认为和var func = functi ...

  4. html怎么自动点击按钮事件,JS按钮点击事件自动运行的问题?

    如下是我学习时写的代码,但是一运行网页JS里面的那几个按钮事件就自动运行了,不知道我哪里搞错了,我在百度上找了看到按钮事件是像这样写的呀.请大能帮帮小弟,看小弟是哪里搞错了,谢谢哈. 代码: Page ...

  5. js中匿名函数的N种写法

    匿名函数没有实际名字,也没有指针,怎么执行滴?  其实大家可以看看小括号的意义就应该可以理解.小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的 ...

  6. java调用js匿名函数参数,js中匿名函数和回调函数

    匿名函数: 通过这种方式定义的函数:(没有名字的函数) 作用:当它不被赋值给变量单独使用的时候 1.将匿名函数作为参数传递给其他函数 2.定义某个匿名函数来执行某些一次性任务 var f = func ...

  7. js return匿名函数

    function makefunc(x) {   return (function (){    return x;   })();  }  alert(makefunc(0));  这里有一个匿名函 ...

  8. JavaScript 匿名函数与闭包

    匿名函数与闭包 匿名函数 闭包 概念 相关知识点 闭包中的this 循环函数中的匿名函数和闭包 循环函数中的匿名函数 循环函数中的闭包 模仿块级作用域 私有变量 静态私有变量 匿名函数 没有函数名的函 ...

  9. javascript进阶课程--第三章--匿名函数和闭包

    javascript进阶课程--第三章--匿名函数和闭包 一.总结 二.学习要点 掌握匿名函数和闭包的应用 三.匿名函数和闭包 匿名函数 没有函数名字的函数 单独的匿名函数是无法运行和调用的 可以把匿 ...

最新文章

  1. Shell 函数、数组与正则表达式
  2. poj3177(双联通分量)
  3. oracle集群rac无法访问,解决Oracle 11g R2 RAC 无法在客户端通过scanIP连接数据库
  4. c3p0、dbcp、druid三大连接池对比
  5. IOC 容器初始化小结
  6. 在桌面拔和平精英改成计算机,和平精英一键修改画质电脑版
  7. tibco汉化包6.3.0_TIBCO BusinessWorks 6和Container Edition与BW5的比较
  8. 编写start脚本程序_使用可编写脚本的终结点遍历REST应用程序
  9. Android kotlin实现底部导航栏
  10. 线性最小二乘法的通俗理解
  11. vb.net 同时给多个属性赋值_系统小技巧:充分用好文件的时间属性
  12. 阿里云容器服务飞天敏捷版详解
  13. visio专业版svg图片裁剪
  14. font-family:中文字体的英文名称
  15. Linux用户宝典:值得一用的5款远程桌面应用程序
  16. TP5 封装 mongoDB
  17. QT Desinger设计程序主界面 PyUIC生成.py
  18. WinRAR压缩时排除文件或目录
  19. Matplotlib之扇形图绘制
  20. offset、scroll、client三大家族

热门文章

  1. python导入txt文件并绘图-Python读取txt数据文件,并作图
  2. python编程语法-语法知识【Python核心编程】
  3. python入门基础代码图-Python Matplotlib绘图基础知识代码解析
  4. python语言怎么输入-python/基础输出输入用法
  5. python培训班价格-北京Python班
  6. Opengl-几何着色器(劫持顶点的家伙)
  7. UVa11039 Building designing(贪心算法)
  8. LeetCode Interleaving String(动态规划)
  9. 如何摆脱穷打工的命?
  10. js 复制 标签中的内容 方法