函数参数与返回值、模板字面量和模板函数学习小结

发布于：2022-04-01 11:57:41  栏目：技术文档

函数的参数和返回值

1、函数传参

• 函数参数与传递参数相等时，参数一一对应

        let fn = (a,b) => console.log(a + b);
        fn(1,2);

运行结果：

• 当传递参数不足的时候,可以设置默认参数，即指定b的默认值

  • 当b在传参过程中没有指定时,会使用默认值,但是如果b在传参中被指定,则会采用b的传参值

        let fn1  =(a,b=0)=>console.log(a + b);
        fn1(4,5);
        fn1(1)

运行结果：

• 参数过多

  • 使用…rest语法,将过多的参数归并为一个数组

  • ..rest 语法不仅可以用来归并,也可以用来解包

        let fn2 = (a,b,...c) => console.log(a,b,c);
        fn2(1,2,3,4,5,6,7,8);

        let arr =[1,2,3,4,5];
        console.log(...arr);

运行结果：

程序1：程序2：

2、函数返回值

• 函数只能返回一个返回值,当要返回多个返回值时,可以压入数组或者对象进行返回

  • 数组返回

  • 对象返回

    数组返回：

       let fn3 = () => [1,2,3];
       let res1 = fn3();
       console.log(res1);

    对象返回：

       let fn4 =() =>({
           id:2,
           name:'admin',
           age:28,
       })
       let res2 = fn4();
       console.log(res2);

运行结果：

数组返回：对象返回：

模板字面量和模板函数

1、模板字面量

• 反引号:模板字面量, 支持在字符串插入变量/表达式: 插值

• 变量/表达式: 在模板字面量,使用 ‘${xxx}’来引用,就是一个占位符

        console.log(`Hello world`);
        let name = '猪老师';
        console.log(`hello ${name}`);

运行结果：

2、模板函数

• 使用模板字面量为参数的参数

  • 模板函数的参数:

  • 第一个参数: 模板字面量中的”字符串字面晨”

  • 第二个参数: 模板字面量中的”插值”数组

calc`数量${10}单价:${500}`;
function calc(string,...args){
     console.log(string);
     console.log(args);
     console.log(args[0] * args[1]);
       }

运行结果：

注释

//    匿名函数只能先声明再调用,命名函数可以先调用后声明
/**
   * * 模板字面量: 可以使用插值表达式的字符串
   * * 模板函数: 可以使用"模板字面量"为参数的函数
   * * 模板函数,就是在"模板字面量"之前加一个标签/标识符,而这个标签,就是一个函数名
   * * 模板函数的参数是有约定的, 不能乱写, 第一个是字面量数组,从第二起才是内部的占位符参数
   */
  // * 模板字面量, 也叫"模板字符串" , 是同义词,我觉得用"模板字面量"更直观,准确
  // * 模板函数, 有的书也翻译与"标签函数", 因为 它使用"模板字面量"做参数,称为"模板函数"更直观, 一看知识必须传一个模板字面量当参数

相关推荐