1.函数参数与返回值

  1.         let f = (a,b)=>a+b;
  2.         console.log(f(1,2));    // 3
  3.         console.log(1);     // NaN : not a number
  5.         // 1.参数不足：默认参数
  6.         f = (a,b=0)=>a+b;   // 默认形参 b = 0
  7.         console.log(f(1,2));    // 3
  9.         // 2.参数过多： ...剩余参数
  10.         f =(a,b)=>a+b;
  11.         console.log(f(1,2,3,4));    // 3
  12.         // 如何将全部参数接受到？剩余参数 ...
  13.         f = (a, b, ...c)=>console.log(a,b,c);
  14.         // 将多出来的参数3,4压入到数组c中
  15.         console.log(f(1,2,3,4));    //1,2,[3,4]
  17.         let arr = [1,2,3,4,5];
  18.         //将一个数组打散，变成一个个离散的值,解包
  19.         console.log(...arr);    // 1,2,3,4,5
  20.         // 压包
  21.         console.log(f(...arr)); // 1,2,[3,4,5]
  23.         //多个参数求值
  24.         // f = (a,b,c,d,e,f)=>a+b+c+d+e+f ，*  / - 可以举一反三 
  25.         f = (...arr) => arr.reduce((a,c)=>(a+c))    // a+c a*c a/c a-c
  26.         console.log(f(1,2,3,4,5,6,7,8,9,10));
  28.         //返回值：函数只能有一个返回值，默认单值返回
  29.         //需要返回多个值怎么办?数组，对象
  30.         //本质上仍然返回一个值，只不过这是一个引用类型的复合值
  31.         // function fn() {
  32.         //     return [1,2,3];
  33.         // }
  35.         // 对象和函数的{}重复冲突时，可（｛｝）这样来书写
  36.         fn = () =>({
  37.             id:2,
  38.             name:'admin',
  39.             age:18
  40.         })
  41.         res = fn();
  42.         console.log(res);

2 .模板字面量与模板函数

  1.       //模板都是用``反引号
  2.       // 1.模板字面量
  3.       // 反引号:模板字面量,  支持在字符串插入变量/表达式: 插值
  4.       // 变量/表达式: 在模板字面量,使用 '${xxx}'来引用,就是一个占位符
  5.       let name = "通天教主";
  6.       console.log(`Hello ${name}`); // Hello 通天教主
  8.       // 模板函数
  9.       // 使用模板字面量为参数的函数
  10.       // alert("Hello php.cn");
  11.       // alert`Hello php.cn`;
  13.       calc`数量：${10}单价：${50}`;
  14.       // 模板函数的参数:
  15.       // 第一个参数: 模板字面量中的"字符串字面晨"
  16.       // 第二个参数: 模板字面量中的"插值"数组
  17.       function calc(strings, ...args) {
  18.         // string返回数组为什么会有个空格呢？
  19.         console.log(strings); // ['数量：', '单价：', ''] 为什么会有个空格呢？
  20.         console.log(args); // [10, 50]
  21.         console.log(args[0] * args[1]); // 500
  22.       }
  24.       //   * 模板字面量: 可以使用插值表达式的字符串
  25.       //   * 模板函数: 可以使用"模板字面量"为参数的函数
  26.       //   * 模板函数,就是在"模板字面量"之前加一个标签/标识符,而这个标签,就是一个函数名
  27.       //   * 模板函数的参数是有约定的, 不能乱写, 第一个是字面量数组,从第二起才是内部的占位符参数

老师，请教我一下，为什么模板函数的字面量数组返回会有一个空格呢？