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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Eclipse中使用SVN教程「建议收藏」

    Eclipse中使用SVN教程「建议收藏」此文章对Myeclipse同样适用。一.在Eclipse里下载Subclipse插件方法一:从EclipseMarketplace里面下载具体操作:打开Eclipse–>Help–>EclipseMarketplace–>在Find中输入subclipse搜索–>找到subclipse点击install方法二:从InstallNewSoftware里下载具体操作:打

    2022年9月26日
    3
  • 六:面向对象(上)

    六:面向对象(上)跳转到总目录文章目录01、面向过程与面向对象02、类和对象2.1、Java类及类的成员2.2、类与对象的创建及使用2.3、对象的创建和使用:内存解析03、类的成员之一:属性04、类的成员之二:方法4.1、类中方法的声明和使用4.2、理解“万事万物皆对象”4.3、对象数组的内存解析4.4、匿名对象的使用4.5、自定义数组的工具类4.6、方法的重载(overload)4.7、可变个数的形参4.8、方法参数的值传递机制(重点!!!)4.8.1、**针对基本数据类型**4.8.2、**针对引用数据类型**4

    2022年7月24日
    9
  • 函数模板参数(函数参数在哪)

    C++模板实参的省略下面列举的几种情况不能省略模板实参:1)从模板函数实参表获得的信息有矛盾之处。template<typenameT>voidfun(Tconst&a,Tconst&b);但是你调用时却是fun(250,250.4);那你就必须写成fun<int>(250,250.4);2)需要获得特定类型的返回值,而不管参数…

    2022年4月15日
    59
  • 项目进阶 之 集群环境搭建(三)多管理节点MySQL集群

    项目进阶 之 集群环境搭建(三)多管理节点MySQL集群

    2022年2月2日
    40
  • C语言 数组初始化的三种常用方法({0}, memset, for循环赋值)以及原理「建议收藏」

    C语言 数组初始化的三种常用方法({0}, memset, for循环赋值)以及原理「建议收藏」C语言中,数组初始化的方式主要有三种:1、声明时,使用{0}初始化;2、使用memset;3、用for循环赋值。那么,这三种方法的原理以及效率如何呢?请看下面的测试代码:[cpp]viewplaincopy#defineARRAY_SIZE_MAX(1*1024*1024)voidfunction1(){chararray[ARRAY_SIZE_…

    2022年7月18日
    17
  • 聊聊系统平均负载_什么是负载敏感系统

    聊聊系统平均负载_什么是负载敏感系统一、什么是平均负载单位时间内,系统处于可运行状态和不可中断状态的进程数,可简单理解为系统平均活跃进程数可运行状态:top命令状态为R,包括Runnable和Running不可中断状态:top命令状态为D,正处于内核态关键流程中的进程,并且这些流程是不可打断的,比如等待硬件设备的I/O响应,这往往是对数据一致性的一种保护机制二、如何查看平均负载$uptime…,loada…

    2025年11月6日
    3

发表回复

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

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