美文网首页
JS 匿名函数

JS 匿名函数

作者: Year_h | 来源:发表于2020-07-07 15:29 被阅读0次

什么是匿名函数

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

  (function () {
      console.log('这是一个匿名函数')
    });

二、如何执行匿名函数?

1、需要执行匿名函数 后面追加括号即可 也就是立即执行函数(下一章是立即执行函数的讲解)
(1)方式一:小括号只将匿名函数包裹起来 后面跟随执行的小括号

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

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

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

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

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

三、匿名函数的应用

1、绑定事件时的方法

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

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

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

3、对象里面的函数属性

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

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

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

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

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

相关文章

  • js 深入

    * js语法* js的动态函数和匿名函数* js动态函数Functionnew Function();* 匿名函数...

  • JS操作属性、函数

    JS操作style属性 JS操作class属性 函数 匿名函数 函数传参 作业 if练习 switch练习

  • PHP闭包

    一. 闭包函数又叫做匿名函数(没有函数名称的函数). 英文closure 匿名函数常在js函数中出现,比如ajax...

  • 【JS】匿名函数

    本节讲解 3 种原生JS的匿名函数。 匿名函数又叫立即执行函数。 因为是匿名的,所以不能被调用。 因为不能被调用,...

  • 2018-12-01

    js中括号操作属性 js函数 js换肤 变量和函数预解析 匿名函数 函数传参 函数return关键字 流程控制语句...

  • js 匿名函数 this的指向问题

    js匿名函数的this通通指向window

  • 2018-07-09

    JS匿名函数理解 匿名函数的基本形式为(function(){...})();前面的括号包含函数体,后面的括号就是...

  • android h5 js 匿名函数通信

    android js 互相调用 支持js匿名函数接收 支持js json对象接收 支持js函数返回值获取 通过注解...

  • JS 匿名函数

    1.概念 声明一个没有函数名的函数,就是匿名函数。有函数名的函数就是具名函数。 2、给标签绑定事件 3.在定时器中...

  • JS 匿名函数

    什么是匿名函数 1、匿名函数,即没有名称的函数2、如果单独只写一个匿名函数,此时是不符合语法要求的 会报错。需要给...

网友评论

      本文标题:JS 匿名函数

      本文链接:https://www.haomeiwen.com/subject/ranaqktx.html