• 技术文章 >web前端 >js教程

    JS函数中的几种参数形式

    逆旅行人逆旅行人2021-03-31 17:13:22原创73

    2021033116471321511.jpg

    函数是一段结合在一起执行特定任务的代码,函数一般使用参数与外部进行交互。要编写简洁高效的JS代码,必须掌握函数参数。
    在本文中,会使用一些有趣的例子来解释 JS 必须有效地处理函数参数的所有特性。

    1.函数参数

    function sum(param1, param2) 
    {    
        console.log(param1); // 1
        console.log(param2); // undefinedreturn 
        param1 + param2;
     }
     sum(1); // NaN

    调用传入的参数个数应当与函数定义参数个数相同,当然传入参数比定义参数个数少的时候,也不会报错,缺少会使用 undefined 代替。

    2. 默认参数

    function sum(param1, param2 = 0) 
    {   
     console.log(param2); //  0
     return param1 + param2;
     }
     sum(1);            // 1
     sum(1, undefined); // 1

    如果没有传入第二个参数,param2 就默认为 0 。
    注意,如果将undefined设置为第二个参数sum(1, undefined), param2也将初始化为0。

    3.解构参数

    functiongreet({ name }) 
    {  
        return`Hello, ${name}!`;
    }
    const person = { name: '前端' };
    greet(person); // 'Hello, 前端'

    4. arguments 对象

    JavaScript 函数有个内置的对象 arguments 对象。argument 对象包含了函数调用的参数数组。通过这种方式你可以很方便的找到最大的一个参数的值

    x = findMax(1, 123, 500, 115, 44, 88); 
    function findMax() {
        var i, max = arguments[0];    
        if(arguments.length < 2) return max; 
        for (i = 0; i < arguments.length; i++) {
            if (arguments[i] > max) {
                max = arguments[i];        }
        }
        return max;}

    5.剩余参数

    将一个不定数量的参数表示为一个数组

    function sumArgs() {
      console.log(arguments); // { 0: 5, 1: 6, length: 2 }
      let sum = 0;
      for (let i = 0; i < arguments.length; i++) {
        sum += arguments[i];
      }
      return sum;
    }
    
    sumArgs(5, 6); // => 11

    推荐:《2021年js面试题及答案(大汇总)

    以上就是JS函数中的几种参数形式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:JS 参数形式
    上一篇:JavaScript字符串如何替换元素 下一篇:javascript清除数组的方法有哪些
    第15期线上培训班

    相关文章推荐

    • JS参数传递,该如何解决

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网