js -- 高阶函数的使用

Posted cl94

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js -- 高阶函数的使用相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>
<div id="app">

</div>
</body>
<script>
    let arr = [1,3,55,8];
    // 需求:arr数组中的所有小于5的值翻倍并求和
    let count = arr.filter(function(n){
        return n < 5;
    }).map(function(n){
        return n*2;
    }).reduce(function(preValue, n){
        return preValue + n;
    },0);
    console.log(`和:${count}`);
</script>
</html>

 

以上是关于js -- 高阶函数的使用的主要内容,如果未能解决你的问题,请参考以下文章

js里常用函数之高阶函数

浅谈JS高阶函数

JS高阶编程技巧--惰性函数

js 高阶函数 发布订阅观察者模式 手撕promise

理解运用JS的闭包高阶函数柯里化

js函数式编程基础:高阶函数柯理化函数合成Loadash