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

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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()();