Erlo

讲解Javascript中什么是匿名函数

时间:2018-10-12 17:32   阅读:27次   来源:php中文网页面报错

点赞 打赏

×打赏

支付宝

微信

本文给大家介绍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图文教程

JavaScript在线手册 来源:https://www.erlo.vip/share/15/20657.html

下一篇:如何利用css的background绘制图形 (附代码)

相关推荐

提交留言

评论留言

还没有评论留言,赶紧来抢楼吧~~

Erlo大厅()

* 这里是“吐槽厅”,所有人可看,只保留当天信息。

  • Erlo.vip2019-02-20 04:14:11Hello、欢迎使用吐槽厅,这里是个吐槽的地方。
  • 首页 笔记分享 Erlo动态 案例展示 搜索
    鼠标试试
    返回顶部