JavaScript高阶函数应用

我会带着你远行 2021-09-08 15:36 372阅读 0赞

<template>  
    <div class="">

</div>  
</template>

<script>  
    export default \{  
        name: '',  
        data() \{  
            return \{  
                goods: \[\],  
                cart: \[\]  
            \}  
        \},  
        methods: \{  
            //定义方法  
            addGoods(i) \{  
                const good = this.goods\[i\]  
                const ret = this.cart.find(v => v.id === good.id)  
                if (ret) \{  
                    ret.count += 1  
                \} else \{  
                    this.cart.push(\{  
                        ...good,  
                        属性展开  
                        count: 1,  
                        active: true  
                    \})  
                \}  
            \},  
            activeCount() \{  
                //过滤出激活项的总数量  
                return this.cart.filter(v => v.active).length  
            \},  
            count() \{  
                //购物车总数  
                return this.cart.length  
            \},  
            total() \{  
                //计算激活项总价  
                let num = 0  
                this.cart.forEach(c=>\{  
                    if(c.active)\{  
                        num += c.price \* c.count  
                    \}  
                \})  
                return num  
            \}  
        \},  
        computed: \{  
            //计算属性

\},  
        watch: \{  
            //监听属性  
        \},  
        beforeCreate() \{  
            //console.log('beforeCreate函数......');  
        \},  
        beforeMount() \{  
            //mounted函数时页面标签的内容基本还没有渲染完成  
        \},  
        created() \{  
            //console.log('created函数......');

\},  
        mounted() \{  
            //mounted函数时页面标签的内容基本已经渲染完成时调用这个函数  
        \},  
        beforeDestroy() \{  
            //console.log('beforeDestroy函数......');  
        \},  
        destroyed() \{  
            //console.log('destroyed函数......');  
        \},  
        beforeUpdate() \{  
            //当数据发生改变时，在标签没有被渲染之前触发  
        \},  
        updated() \{  
            //当数据发生改变时，在标签被渲染后触发  
        \}  
    \}  
</script>

<style scoped>

</style>

发表评论取消回复

表情：

评论列表（有 0 条评论，372人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 高阶函数

JavaScript 中的高阶函数是指可以接受函数作为参数或返回函数作为返回值的函数。它可以帮助我们实现抽象、灵活地处理函数，是函数式编程的重要工具。常见的 JavaScr

不念不忘少年蓝@/ 2024年03月27日 18:09/ 0 赞/ 86 阅读

相关 JavaScript 高阶函数

这是 JavaScript 高阶函数的备忘单： map(): 转换数组的每个元素并返回一个相同长度的新数组。例子： const numbers = [1,

逃离我推掉我的手/ 2024年03月16日 19:48/ 0 赞/ 22 阅读

相关 JavaScript常用的高阶函数

JavaScript的高阶函数 filter | map | reduce filter：需求1：将一个数组中小于100的值过滤出来不使用filter函数时

墨蓝/ 2023年10月05日 08:52/ 0 赞/ 54 阅读

相关高阶函数

高阶函数是接受函数作为参数并且/或者返回函数作为输出的函数. 函数作为参数传递是JavaScript规范的一部分.JavaScript作为一门语言将函数作为数据,允许函数替代

男娘i/ 2023年07月06日 06:10/ 0 赞/ 48 阅读

相关 JavaScript学习笔记（高阶函数一）

JavaScript学习笔记（高阶函数一） map/reduce reduce filter 回调函数

朱雀/ 2023年03月14日 13:26/ 0 赞/ 256 阅读

相关 JavaScript的高阶函数笔记

今天和一位老师学习了高阶函数，感觉非常有用，做个笔记。我学习的JavaScript三个高阶函数是filter/map/reduce，高阶函数真的很不错，我打个比方吧，如果说

短命女/ 2022年11月15日 11:49/ 0 赞/ 199 阅读

相关记录一下javascript中的高阶函数

现在有个需求是这样的，计算\[a,b\]之间所有数之和，包含a,b。大致有以下几中方式：（1）for循环 var sum1 = (a,b) =>{

傷城~/ 2022年07月15日 02:39/ 0 赞/ 174 阅读

相关 JavaScript学习记录day7-高阶函数

JavaScript学习记录day7-高阶函数 @(学习)\[javascript\] JavaScript学习记录day7-高阶函数什

比眉伴天荒/ 2022年05月31日 08:23/ 0 赞/ 255 阅读

相关 JavaScript高阶函数应用

<template> <div class=""> </div> </template> <script> export default

我会带着你远行/ 2021年09月08日 15:36/ 0 赞/ 373 阅读

相关高阶函数

百度百科的解释：在数学和计算机科学中，高阶函数是至少满足下列一个条件的函数: ①接受一个或多个函数作为输入； ②输出一个函数第一个条件就是：函数作为参数传入

灰太狼/ 2021年08月19日 15:42/ 0 赞/ 534 阅读