Javascript—模块化程序设计

一、Javascript脚本语言中，模块就是函数。

1、函数的三要素：函数名、参数(形参|实参)、返回值。

例如：通过函数计算任意两个数的和。

function sum(a,b){                                               // 声明函数，参数a和b都是形参

  return a+b;

}

let x=12,y=30;

let result=sum(x,y);                                              // 调用函数，参数x和y都是实参

console.log(result);                                              // 42

注：调用函数时，必须将实参按位置传递给形参。

2、箭头函数

let 函数名＝(形参...)=>{

        //函数体

        return 返回值；

}

例：计算任意数据的平均数。

    let average=(...rest)=>{

     let sum=0;

     rest.forEach(function(item){

         sum+=item;

     })

     return sum/rest.length;

}

let array=[10,20,30,40,50,60];

let result=average(...array);

console.log(result);

3、箭头函数的简化形式：

1、若函数的参数只有一个，则参数的括号可以省略。

   例3：计算n的阶乘。

   let fact=n=>{

     let result=1;

     for(let i=2;i<=n;i++){

       result*=i;

     }

return result;

注意：函数有多个参数或没有参数，参数的括号都必须书写。

 2、若函数体只有一句，则{}可以省略。

例4：输出指定人名的欢迎语，例如“欢迎你，Tom！”。

     let welcome=name=>window.alert(`欢迎你，${name}！`);                        // 声明函数

     welcome(“钢铁侠”);                                                                                              // 调用函数

 3、若函数体只有一句，且该句是return语句，则return必须省略。

例5：计算两个数的乘积。

          let mul=(a,b)=> return a*b;

          console.log(mul(10,5));                          // 50

 4、若函数体只有一句，且该句是return语句，且返回值为对象，则必须将整个对象用()括住。

例6：计算两个数的加、减、乘、除结果。

      let cale=(a,b)=>({add:a+b,sub:a-b,mul:a*b,div:a/b});

      let x=15,y=5;

      console.log(cale(x,y));                            // {add: 20, sub: 10, mul: 75, div: 3}