函数的封装

130 阅读1分钟

function 函数名称(函数的参数){ 函数的代码; return 内容; }

function:定义函数/封装函数 的关键词,作用类似于 var,告诉计算机程序,我正在封装的是一个函数 函数名称:也就是这个函数的名称,之后调用函数时,通过函数名称来调用并执行函数 函数的参数:执行函数时,输入给函数的数据信息 函数的代码:定义在{}中的程序,是函数执行时,调用的程序内容 return:函数的返回值

案例: 数组去重三种方式封装:

  1.    function unique(array) {
       var res = [];
       var flag = false;
       for (var i = 0; i < array.length; i++) {
         for (var j = 0; j < res.length; j++) {
           if (array[i] === res[j]) {
             flag = true;
             break;
           } else {
             flag = false;
           }
         }
         if (!flag) {
           res.push(arr[i]);
         }
       }
    
       return res;
     }
    
  2. function unique(array) {
     var res = [];
     var arrayLen = array.length;
     // 验证res 中是否存在 array 数组中元素
     for (var i = 0; i < arrayLen; i++) {
        // j===resLen 循环执行完毕 都没有执行 break
       //----> 当前的arr[i]  不重复
       for (var j = 0; j < resLen; j++) {
         // 如果res 中有arr[i]
         if (array[i] === res[j]) {
           break;
         }
       }
       if (j === resLen) {
         res.push(array[i]);
       }
     }
     return res;
    
    }
  3.    function unique_(array) {
       var res = [];
       var arrayLen = array.length;
       for (var i = 0; i < arrayLen; i++) {
         // 验证 res 中是否存在array中元素
         //   res.indexOf(array[i])===-1? res.push(arr[i]):''
         if (res.indexOf(array[i]) === -1) {
           res.push(arr[i]);
         }
       }
       return res;
     }