美文网首页
有关箭头函数的使用方式

有关箭头函数的使用方式

作者: 木羽木羽女口生 | 来源:发表于2020-12-24 01:41 被阅读0次
    const nums = [10,20,111,222,444,40,50]

    let funcTotal = nums.filter(function (n) {
        return n < 100
    }).map(function (n) {
      return n * 2
    }).reduce(function (pre,n) {
      return pre + n
    },0)
    console.log('funcTotal ' + funcTotal);

    //使用箭头函数
    let arrowTotal = nums.filter(n => n< 100).map( n => n *2 ).reduce((pre,n) => pre + n)
    console.log("arrowTotal " + arrowTotal);

相关文章

  • 有关箭头函数的使用方式

  • ES6学习(4)箭头函数

    ES6允许使用箭头(=>)定义函数,箭头函数提供了一种更加简洁的函数书写方式,箭头函数多用于匿名函数的定义。 箭头...

  • 箭头函数

    箭头函数相比函数表达式具有较短的语法并以词法的方式绑定 this。箭头函数总是匿名的。 为什么要使用箭头函数1 更...

  • ES6箭头函数和解构赋值

    在es6之前,我们函数都是表达式 这种方式书写的,但是在ES6中,我们函数可以使用箭头函数表示 例如 使用箭头函数...

  • 箭头函数

    箭头函数 为什么使用箭头函数

  • ECMAScript 6 箭头函数

    箭头函数 ES6 允许使用“箭头”(=>)定义函数。 使用注意点 箭头函数有几个使用注意点。 (1)函数体内的th...

  • Es6知识点总结

    methods 不能使用箭头函数 为啥?在箭头函数中使用this的话指向的是组件本身 如果不使用箭头函数 this...

  • react 绑定this

    在todolist的中,我使用的最多的方式是直接声明箭头函数,然后调用,因为箭头函数默认绑定this,特别是cal...

  • 箭头函数和数组

    箭头函数&数组 箭头函数 特点: 没有 this 没有 arguments 没有prototype在箭头函数中使用...

  • 【三】React事件监听三种写法

    方式一:在constructor中使用bind绑定,改变this的指向 方式二:通过箭头函数改变this指向 方式...

网友评论

      本文标题:有关箭头函数的使用方式

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