JavaScript-匿名函数

原文链接：https://blog.csdn.net/weixin_45203607/article/details/124227504

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

如何执行和使用匿名函数？
需要执行匿名函数 后面追加括号即可 也就是立即执行函数

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

?

1 2 3

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

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

?

1 2 3

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

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

?

1 2 3

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

　　

匿名函数的应用
绑定事件时的方法

?

1 2 3 4

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

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

?

1 2 3 4

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

　　对象里面的函数属性

?

1 2 3 4 5 6 7 8

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

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

?

1 2 3 4 5 6 7

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

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

?

1 2 3 4 5 6 7

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