胡扯JS系列-匿名函数的自动运行
函数有很多种,我们就选择我们不懂的函数开始学习!
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中匿名函数的理解
目录 1.js中匿名函数的N种写法 最常见的用法: 2.JavaScript 匿名函数及闭包 2.1 匿名函数 2.1.1 函数的定义 2.1.2 匿名函数的创建 2.2 闭包 2.3 举例 2.4 ...
- 【转】js之匿名函数
这篇博文内容来自于javascript高级程序设计第2版,向作者致敬 函数声明: function functionName(arg0,arg1){ //函数体 } 函数表达式: var functi ...
- js的匿名函数 和普通函数
匿名函数在声明时不用带上函数名, 可以把匿名函数当作一个function类型的值来对待 声明一个普通的函数 function func() { ... } 可以认为和var func = functi ...
- html怎么自动点击按钮事件,JS按钮点击事件自动运行的问题?
如下是我学习时写的代码,但是一运行网页JS里面的那几个按钮事件就自动运行了,不知道我哪里搞错了,我在百度上找了看到按钮事件是像这样写的呀.请大能帮帮小弟,看小弟是哪里搞错了,谢谢哈. 代码: Page ...
- js中匿名函数的N种写法
匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解.小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的 ...
- java调用js匿名函数参数,js中匿名函数和回调函数
匿名函数: 通过这种方式定义的函数:(没有名字的函数) 作用:当它不被赋值给变量单独使用的时候 1.将匿名函数作为参数传递给其他函数 2.定义某个匿名函数来执行某些一次性任务 var f = func ...
- js return匿名函数
function makefunc(x) { return (function (){ return x; })(); } alert(makefunc(0)); 这里有一个匿名函 ...
- JavaScript 匿名函数与闭包
匿名函数与闭包 匿名函数 闭包 概念 相关知识点 闭包中的this 循环函数中的匿名函数和闭包 循环函数中的匿名函数 循环函数中的闭包 模仿块级作用域 私有变量 静态私有变量 匿名函数 没有函数名的函 ...
- javascript进阶课程--第三章--匿名函数和闭包
javascript进阶课程--第三章--匿名函数和闭包 一.总结 二.学习要点 掌握匿名函数和闭包的应用 三.匿名函数和闭包 匿名函数 没有函数名字的函数 单独的匿名函数是无法运行和调用的 可以把匿 ...
最新文章
- Shell 函数、数组与正则表达式
- poj3177(双联通分量)
- oracle集群rac无法访问,解决Oracle 11g R2 RAC 无法在客户端通过scanIP连接数据库
- c3p0、dbcp、druid三大连接池对比
- IOC 容器初始化小结
- 在桌面拔和平精英改成计算机,和平精英一键修改画质电脑版
- tibco汉化包6.3.0_TIBCO BusinessWorks 6和Container Edition与BW5的比较
- 编写start脚本程序_使用可编写脚本的终结点遍历REST应用程序
- Android kotlin实现底部导航栏
- 线性最小二乘法的通俗理解
- vb.net 同时给多个属性赋值_系统小技巧:充分用好文件的时间属性
- 阿里云容器服务飞天敏捷版详解
- visio专业版svg图片裁剪
- font-family:中文字体的英文名称
- Linux用户宝典:值得一用的5款远程桌面应用程序
- TP5 封装 mongoDB
- QT Desinger设计程序主界面 PyUIC生成.py
- WinRAR压缩时排除文件或目录
- Matplotlib之扇形图绘制
- offset、scroll、client三大家族
热门文章
- python导入txt文件并绘图-Python读取txt数据文件,并作图
- python编程语法-语法知识【Python核心编程】
- python入门基础代码图-Python Matplotlib绘图基础知识代码解析
- python语言怎么输入-python/基础输出输入用法
- python培训班价格-北京Python班
- Opengl-几何着色器(劫持顶点的家伙)
- UVa11039 Building designing(贪心算法)
- LeetCode Interleaving String(动态规划)
- 如何摆脱穷打工的命?
- js 复制 标签中的内容 方法