当前位置：网站首页>函数的参数

函数的参数

2022-07-29 18:21:00 【阿山同学.】

函数的参数

基础

函数是可以带参数的

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

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

复用：重复使用

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

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

<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>

在这里插入图片描述

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

函数是可以接参数的

单参数

** 制作一个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>

在这里插入图片描述

多参数

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

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

函数的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));