javascript-基础（二）

1. 实例演示函数参数与返回值

    // 1. 参数不足: 默认参数
    f0 = (a=0,b=0)=>console.log(a+b)
    f0(1)
    f0(1,4,1)
    // 2. 参数过多: ...剩余参数
    f1 = (a,b,...c)=>console.log(a,b,c)
    f1(1,2,3,4,5,6,7,8,9,0)
    arr1 = [1,2,3,4,5,6,7,8]
    f2 = ()=>console.log(...arr1)
    //...arr打散
    f2()
    //等价于
    f2(0,1,2,3,4,5,6,7)
    f3 = (...arr)=>arr.reduce((a,b)=>(a+b))
    console.log(f3(1,2,3,44,5,6,7,88,99,0))
    // 返回值: 函数只能有一个返回值,默认单值返回
    // 需要返回多个值==>数组,对象
    // 本质 上仍然返回一个值,只不过这是一个引用类型的复合
    let f4 = () => [1, 2, 3, 4, 5];
    let res = f4();
    console.log(res);

2. 实例演示模板字面量与模板函数

！模板字面量也叫模板函数

    let str1 = 'hello 123'
    let str2 = `hello zy`
    console.log(`say hello: ${str2}`)
    function modelf(name){
        return alert(`hello: ${name}`)
    }
    //modelf('佐罗')
    function calc(a,...b){
        console.log(a)
        console.log(b)
    }
    // 模板函数的参数:
      // 第一个参数: 模板字面量中的"字符串字面晨"
      // 第二个参数: 模板字面量中的"插值"数组
    calc `数量: ${10} 单价: ${500} 发货地:${'上海'} 健康码:${'green'}`;