Erlo

讲解Javascript中什么是匿名函数

时间:2018-10-12 17:32   阅读:8次   来源: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在线手册

以上就是讲解Javascript中什么是匿名函数的详细内容,更多请关注php中文网其它相关文章!

  • 微信
  • 相关标签:匿名函数 js函数 Javascript
  • 本文转载于:博客园,如有侵犯,请联系删除
  • 相关文章


  • Javascript的匿名函数讲解_经验交流
  • JavaScript 匿名函数和闭包介绍_javascript技巧
  • JavaScript中匿名函数用法实例_javascript技巧
  • Javascript中的匿名函数与封装介绍_javascript技巧
  • javascript匿名函数实例分析_javascript技巧
  • 来源:https://www.erlo.vip/news/15/20657.html
    下一篇:如何利用css的background绘制图形 (附代码)

    相关推荐

    提交留言

    评论留言

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

    Erlo大厅()

    * 这里是“Erlo大厅”,在这发言所有人都可以看到。只保留当天信息

  • Erlo.vip2018-10-23 10:16:54Hello、欢迎使用Erlo大厅,这里是个吐槽的地方。
  • 首页 源码分享 新闻资讯 ERLO 搜索
    鼠标试试
    返回顶部