JS-函数封装数组求和案例

简介: JS-函数封装数组求和案例

命名函数的封装可以多次利用,简单便捷,那么如何封装函数呢?今天我们以数组求和案例来看一下如何封装函数。


function array (d){
                let sum = 0 ;
                for (let i = 0; i < d.length; i++) {
                    sum += d[i];
                }
                return sum;
            }
            let arr2 = [1, 2, 6, 79, 23];
            array(arr2);
            console.log(array(arr2));
            let arr100= [ 1,852,963,4,852,1,5];
            array(arr100);
            console.log(array(arr100));



在分装过程中主要需要搞清楚实参、形参和return的用法及含义。


实参:实参:函数调用时候,传递的参数(如上即arr2、arr100)。


形参:函数定义时候,传递的参数 (实参值会传递给形参,相当于不用声明的变量)(如上d)。


return即是函数处理后返回的值。

相关文章
|
1天前
|
JavaScript 前端开发
JS如何删除一个数组中的元素
JS如何删除一个数组中的元素
|
1天前
|
JavaScript 前端开发 索引
JS如何清空一组数组
JS如何清空一组数组
|
1天前
|
JavaScript 前端开发
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
js数组包对象格式怎么根据不同的键值使用sort排序一组数组
|
1天前
|
JavaScript 前端开发 容器
JavaScript函数学习
JavaScript函数学习
|
2天前
|
JavaScript 前端开发 数据处理
【JavaScript】JavaScript数组全方位探索指南:深入理解数组特性
【JavaScript】JavaScript数组全方位探索指南:深入理解数组特性
8 1
|
2天前
|
SQL 自然语言处理 前端开发
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
7 2
|
2天前
|
JavaScript 前端开发 搜索推荐
JS经典案例-无缝滚动轮播图(纯JS)
JS经典案例-无缝滚动轮播图(纯JS)
9 0
|
2天前
|
JavaScript 前端开发
JavaScript 数组的函数 map/forEach/reduce/filter
JavaScript 数组的函数 map/forEach/reduce/filter
|
26天前
|
JavaScript 前端开发 Java
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
javascript是弱类型语言,一个函数参数可以接收不同类型的变量作为它的该参数
25 0
|
1月前
|
JavaScript 前端开发
【专栏】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表
【4月更文挑战第29天】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表。它接受两个参数:上下文对象和参数数组。理解`apply`有助于深入JS运行机制。文章分三部分探讨其原理:基本概念和用法、工作原理详解、实际应用与注意事项。在应用中要注意性能、参数类型和兼容性问题。`apply`可用于动态改变上下文、传递参数数组,甚至模拟其他语言的调用方式。通过深入理解`apply`,能提升代码质量和效率。