讲解Javascript中什么是匿名函数
分析:
1、所谓匿名函数,从字面意思理解,就是没有名字的函数,js 用()来代替(注意,是英文状态下的括号)
2、定义形式:
function (){ //to add codes that you want to add }
3、匿名函数作用
(1)与闭包函数相比较,最大作用是不污染全局对象,一旦执行完毕,GC自动回收内存,这是与闭包函数本质的区别。闭包函数的一大特点是:
变量常驻内存,只有关闭浏览器时,才释放。
function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999 nAdd(); result(); // 1000
在如上这段代码中,result实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。
为什么会这样呢?原因就在于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。
这段代码中另一个值得注意的地方,就是“nAdd=function(){n+=1}”这一行,首先在nAdd前面没有使用var关键字,因此 nAdd是一个全局变量,而不是局部变量。其次,nAdd的值是一个匿名函数(anonymous function),而这个
匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。
(2)与一般函数相比较,不执行预编译。
function fuc() { fuc1(); //foo被提到了作用域的最前面, 于是这里可以正常调用foo函数 fuc2(); //这里会报错bar是个undefined function fuc1() {alert("foo()") } var fuc2 = function () { alert("bar")}; }
Code:
匿名函数的几种表现形式:
模式一:函数字面量 (Function Literal)
先声明函数对象,然后执行。
(function(){ // insert code here })();
模式二:优先表达式 (Prior Expression)
由于 JavaScript 按照从内到外的顺序执行表达式,因此使用括号来强制执行已声明的函数。
(function(){ // insert code here }());
模式三:Void 操作符 (Void Operator)
使用 Void 操作符执行一个单独的操作数。
void function(){ // insert code here }();
总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问JavaScript视频教程!
相关推荐:
以上就是讲解Javascript中什么是匿名函数的详细内容,更多请关注其它相关文章!
下一篇: 浅析php原型模式
推荐阅读
-
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
-
Javascript中函数绑定bind()的实例讲解
-
Javascript的匿名函数讲解
-
JavaScript中匿名函数的递归调用
-
vue组件中的data为什么是函数?
-
Vue组件中的Data为什么是函数。
-
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
-
JavaScript普通函数中的this指向判断,箭头函数的this有什么不同?
-
JavaScript 中,定义函数时用 var foo = function () {} 和 function foo() 有什么区别?
-
JavaScript基础教程之学习过程中遇到的匿名函数问题