JavaScript-匿名函数[通俗易懂]

JavaScript-匿名函数[通俗易懂]什么是匿名函数1、匿名函数,即没有名称的函数2、如果单独只写一个匿名函数,此时是不符合语法要求的会报错。需要给匿名函数包裹一个括号,使之成为表达式。3、被小括号包裹的内容会被js识别为一个函数表达式如何执行和使用匿名函数?需要执行匿名函数后面追加括号即可也就是立即执行函数方式一:小括号只将匿名函数包裹起来后面跟随执行的小括号(常用)(function(){alert(‘匿名函数执行方式一’)})();小括号将匿名函数以及执行匿名函数的小括号都包裹起来

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

什么是匿名函数

1、匿名函数,即没有名称的函数
2、如果单独只写一个匿名函数,此时是不符合语法要求的 会报错。需要给 匿名函数包裹一个括号,使之成为表达式。
3、被小括号包裹的内容会被js识别为一个函数表达式

如何执行和使用匿名函数?

需要执行匿名函数 后面追加括号即可 也就是立即执行函数

方式一:小括号只将匿名函数包裹起来 后面跟随执行的小括号(常用)

(function () { 
   
      alert('匿名函数执行方式一')
    })();

小括号将匿名函数以及执行匿名函数的小括号都包裹起来 整体构成一个表达式

 (function () { 
   
      alert('匿名函数执行方式二')
    }());

匿名函数传参 与其他普通参数的传参方式一样,调用的时候将参数传入即可

 (function (m) { 
   
      alert(m)
    }('这是匿名函数传进来的参数'));

匿名函数的应用

绑定事件时的方法

  let item = document.getElementById("item")
    item.onclick = function () { 
   
      alert("我是输入框的点击事件")
    }

函数表达式 将匿名函数赋值给一个变量

  let fun2 = function () { 
   
      alert('这是一个函数表达式')
    }
    fun2();

对象里面的函数属性

   let obj = { 
   
      name: "Year",
      age: 28,
      hobby: function () { 
   
        return '我喜欢跳舞'
      }
    };
    alert(obj.hobby());

回调函数,将匿名函数作为其中的一个参数

 //过滤出值为9的值
    let numArr = [1, 5, 9, 10]
    let newArr = numArr.filter(function (item) { 
   
      if (item !== 9) { 
   
        return item
      }
    });

函数返回值,即将函数作为一个返回值

     //内部函数可以访问外部函数的所有变量
    function box() { 
   
      return function() { 
   
        alert("函数作为返回值的应用")
      }
    }
    box()();

在这里插入图片描述


点赞 -收藏-关注-便于以后复习和收到最新内容


有其他问题在评论区讨论-或者私信我-收到会在第一时间回复


如有侵权,请私信联系我


感谢,配合,希望我的努力对你有帮助^_^

JavaScript-匿名函数[通俗易懂]

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/186236.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月3日 下午10:16
下一篇 2022年10月3日 下午10:36


相关推荐

  • 安卓 使用Gradle生成正式签名apk文件「建议收藏」

    安卓 使用Gradle生成正式签名apk文件

    2022年3月2日
    39
  • 【P2P】【转载】P2P流媒体开源项目介绍[通俗易懂]

    大神的整理P2P流媒体开源项目介绍前言:最近在做一个网站,发现p2p流媒体技术对于解决高流量高带宽问题真的很不错。据说现在一些视频和直播公司在研究p2p+cdn,证明了p2p永不过时。先记录先来,有时间慢慢研究PeerCast2002年成立,最早的开源P2P流媒体项目。PeerCast把节点按树结构组织起来,每个频道都是一个树,直播源是根节点,父节点只给子节点提供数据。节点离根节点越远,传输时延就越大,所以树的深度应该尽可能短,但节点有限的上行带宽限制了节点的宽度。Tribler..

    2022年4月16日
    76
  • 浏览器编译代码_ie浏览器html编辑器

    浏览器编译代码_ie浏览器html编辑器20个最强的基于浏览器的在线代码编辑器1.CompilrCompilr是一个在线编译器和在线IDE。可以用它来开发PHP,C,C++,Ruby。在浏览器中编译Java,C#和VB.net等。马上使用2.Dabblet跨浏览器兼容,对前端攻城师们来说是一个不得不处理的问题。为了在浏览器间呈现统一的显示效果,攻城师们不仅要为每个游览器添加CSS前缀,甚至还…

    2022年8月14日
    4
  • 多封装,少开放。强烈建议C++标准添加class之间的注入机制「建议收藏」

    多封装,少开放。强烈建议C++标准添加class之间的注入机制

    2022年1月31日
    45
  • 链表的基本操作_简单链表

    链表的基本操作_简单链表链表的基本操作这里写目录标题链表的基本操作一:单链表的基础知识二:单链表的建立头插法尾插法三:单链表的遍历四:单链表结点数目判断五:单链表的插入链表头插入任意结点插入链表尾部插入六:单链表的删除七:单链表的查询一:单链表的基础知识为什么需要链表?我们在使用数组存放数据是非常方便,但是由于数组的长度是固定的,所以当存储不同的元素数量时,就很容易出现问题。如果向数组中添加的数量大于数组大小时候,信息无法完全被保存。所以我们需要另一种存储方式来存储数据,其中存储的元素的个数不受限制。这种存储方式就是链

    2025年6月20日
    5
  • 粘贴行列如何转换_sql实现行转列

    粘贴行列如何转换_sql实现行转列假如现在我们有这样一张表,命名为TB_STUDENT_SCORE 表中内容为: 可能会用到pivot的常见情况是:需要生成交叉表格报表以汇总数据。例如,假设需要在TB_STUDENT_SCORE表中中查询 学生姓名,各科成绩,总分,平均分,名称以生成报表。

    2025年7月28日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号