关于JavaScript函数参数的理解

怼烎@ 2022-02-25 11:20 291阅读 0赞

### 关于JavaScript函数参数的理解 ###

##### 1.理解参数 #####

*  函数参数与其他语言的有所不同，JavaScript函数不会在乎你传进来多少个参数。
 *  函数参数内部是用一个arguments的数组来表示，参数只提供便利而不是必须的。
 *  通过访问arguments对象的长度可以知道有多少个参数传递给了函数。

//封装一个计算和的函数、
    function add() {
        let sum = 0;
        for (let i = 0; i < arguments.length; i++) {
            sum += arguments[i];
        }
        return sum;
    }
    console.log(add(1, 2, 3));   //6

可以知道函数内部的参数其实就是一个数组。

##### 2.参数与arguments的关系 #####

function add(num1,num2){
        if(arguments.length==1){
            console.log(num1+10);
        }else if(arguments.length==2){
            console.log(arguments[0]+num2)
        }
    }
    
    
    num1==arguments[0]  
    num2==arguments[1]

*  命名参数可以和arguments对象一起使用，两者的值保持同步，注意一点就是两个值并非在同一个内存空间
 *  传入一个值，则arguments\[1\]不会反映到命名参数中，arguments对象的长度取决于传入的参数

##### 3.没有重载 #####

*  JavaScript中的函数没有重载的定义
 *  如果声明了两个同名的函数，取决于后定义的函数
 *  可以检查函数中参数类型和数量做出不同的反应来模拟重载

function add(num){
        return num+1;
    }
    
    function add(num){
        return num+2;
    }
    
    console.log(add(1));   //3

ps：笔者最近开通了微信公众号，大家可以关注一下哦，谢谢大家的支持！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjcyNDE3Ng_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjcyNDE3Ng_size_16_color_FFFFFF_t_70]: /images/20220225/511cfb8a8a0e484caff453e0a64386e0.png