函数的参数

基础

函数是可以带参数的

函数：最基本的封装方式，目的是复用方法

封装：把一些零散的一些封装在一起形成一个整体

复用：重复使用

函数根据形参的个数会有多种写法

例如封装一个返回时分秒的方法

<body>
  
  
  <script>
    // 获取当前的日期且打印
    function showData(){
      var now =new Date();
      var hour=now.getHours();
      var minute=now.getMinutes();
      var second=now.getSeconds();
      return `${hour}:${minute}:${second}`
    }
    //调用打印返回值
    console.log(showData());
  script>
body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

在这里插入图片描述

具体情况如上：把一大堆代码放在{}里面，形成一个整体，然后起一个名字，然后通过函数名来调用{}里面的代码

函数是可以接参数的

单参数

** 制作一个abs函数，返回参数的绝对值**

<script>
     // 制作一个abs函数，返回参数的绝对值
      // 如果》0就是正数返回num本生
      // 如果>0就是负数把num变为正数在返回
      function abs(x){
        if(x > 0) return x;
        if(x < 0){
          return x*=-1
        }
        return num>0 ? x : -num;
      }
      console.log(abs(-90));
script>
1
2
3
4
5
6
7
8
9
10
11
12
13

在这里插入图片描述

多参数

制作一个abs函数，返回两者之间的和

    <script>;
      // --------分割-------- //
      // 多参数采用逗号分隔
      function add(x,y){
        return x + y;
      }
      add(1,2)
    script>
1
2
3
4
5
6
7
8

函数的arguments

arguments：函数中隐式自带的变量，存储函数被调用时，收到的形参

适合场景：配合实现那些传入长度不固定的参数
创建一个传入任何参数全部累加的函数

function add() {
  var min = 0;
  for (i = 0; i < arguments.length; i++) {
    min += arguments[i];
  }
  return min;
}
console.log(add(1, 2, 3, 4));
console.log(add(1, 2, 3, 4, 5, 6, 7, 8));
console.log(add(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12));
1
2
3
4
5
6
7
8
9
10

结果
在这里插入图片描述

相关阅读:
UI 自动化测试框架：PO 模式+数据驱动！
自动驾驶和辅助驾驶系统的概念性架构(一)
如何基于surging跨网关跨语言进行缓存降级
three.js webgl_tiled_forward 例子分析
【数据结构】线性表的顺序存储结构
服务器远程桌面经常连接不上，造成远程桌面连接不上的原因都有哪些
自动化测试面试经历
linux-用户的权限
RK3566快速上手 | ROC-RK3566-PC开发板快速上手
VsCode开发Vue(开源框架使用ruoyi)

原文地址：https://blog.csdn.net/weixin_50112395/article/details/126058589