快捷導(dǎo)航

js 函數(shù)式編程學(xué)習(xí)筆記

更新時間：2017年03月25日 23:01:46 投稿：mdxy-dxy

這兩天看書看到了函數(shù)式編程那節(jié)，感覺學(xué)到了挺多東西，之前看別人代碼都寫的挺漂亮，現(xiàn)在我寫的代碼是有點(diǎn)亂，所以還是要學(xué)習(xí)下別人的編程模式

（1）平常寫的函數(shù)大多是接受值，合并值，返回值，比如經(jīng)常寫的for循環(huán):

function printArray(array){
  for(var i=0;i<array.length;i++){
     print(array[i]); 
  }   
}

但是如果我們想做print之外的事情呢？怎么辦？再寫一個相似的，未免顯得浪費(fèi)，我們可以這樣

function forEach(array,action){
  for(var i=0;i<array.length;i++){
    action(array[i]); 
  } 
}
forEach(["a","b","c"],print);

通過利用匿名函數(shù)，在編寫for循環(huán)之類的可以省去很多無用的細(xì)節(jié)：

function sum(numbers){
  var total = 0;
  forEach(numbers,function(number){
     total+=number;
  })   
  return total;  
}

上面的例子中是“遍歷數(shù)組”，并使其抽象化，函數(shù)作為函數(shù)參數(shù)傳入....

（2）另一種是傳入函數(shù)參數(shù)，返回函數(shù)，可以在“高階函數(shù)”中傳入arguments

function negate(func){
  return function(x){
    return !func(x); 
  }
}
var isNotNaN = negate(isNaN);
isNotNaN(NaN);

如果想要反轉(zhuǎn)的函數(shù)接受參數(shù)大于1個，怎么辦？？很簡單，借助apply方法，上下文傳入NULL

傳說中的組合模式：
function compose(f1,f2){
   return function(){
      return f1(f2.apply(null,arguments));
   };
}

var isNotNaN = compose(op["!"],isNaN);
isNotNaN(5); =>true

間接函數(shù)調(diào)用，如果運(yùn)行次數(shù)較多還是不要用的好..

(3)sum函數(shù)實(shí)際上是算法的一個變體,該算法通常稱為規(guī)約

function reduce(combine,base,array){
  forEach(array,function(element){
    base = combine(base,element);
  });
}

function add(a,b){
 return a+b;
}

reduce(add,0,array);

(4)另外一個與數(shù)組相關(guān)的有用的基本算法稱為“映射”。它能夠遍歷數(shù)組

function map(func,array){
  var result = [];
  forEach(array,function(element){
    result.push(func(element));
  });
  return result;
}

map(Math.round,[0.01,2,9,Math.PI]);

(5)下面這段代碼，可以研究下它的工作原理

function splitParagraph(text){
  function split(pos){
     if(pos == text.length) return [];
     else if(text.charAt(pos) == "*"){
         var end = findClosing(“*”，pos+1);
         frag = {type：“emphasized”,content:text.slice(pos+1,end)};
         return [frag].concat(split(end+1));  //回調(diào)
     } else if(text.charAt(pos) == "{"){
         var end = findClosing(“{”，pos+1);
         frag = {type：“emphasized”,content:text.slice(pos+1,end)};
         return [frag].concat(split(end+1));  //回調(diào)
     } else{
        var end = findOpeningOrEnd(pos),
           frag = {type:"normal",content:text.splice(pos+1,end)};
           return [frag].concat(split(end));

     }
  }
  function findClosing(character,from){
     var end = text.indexOf(character,from);
     if(end == -1) throw new Error("Missing closing ' "+character+"'");
     return end;
  }
  function findOpeningOrEnd(from){
     function indexOrEnd(character){
        var index = text.indexOf(character,from);
        return index = -1?text.length:index;
     }
     return Math.min(indexOrEnd("*"),indexOrEnd("{"));
  }
  
  return split(0);  
}

這種函數(shù)的編程風(fēng)格很獨(dú)特，使用遞歸而不是循環(huán)，其實(shí)遞歸效率是比較低的，改進(jìn)如下：

function split(){
   var pos = 0,fragments = [];
   while(pop<text.lenght){
      if(text.charAt(pos) == "*"){
         var end = findClosing("*",pos+1);
         fragments.push({type:"emphasized",content:text.slice(pos+1,end)});
         pos = end+1;
      }else if(text.charAt(pos) == "{"){
         var end = findClosing("}",pos+1);
         fragments.push({type:"footnote",content:text.slice(pos+1,end)});
      }
      else{
         var end = findOpeningOrEnd(pos);
         fragments.push({type：“footnote”,content:text.slice(pos,end)});
         pos = end;
      }

   }
   return fragments;
}

（6）分布應(yīng)用模式

function partial(func){
   var knownArgs = arguments;
   return function(){
      var realArgs = [];
      for(var i=1;i<knownArgs.length;i++){ //from 1
        realArgs.push(knowArgs[i]);
      }
      for(var i=0;i<arguments.length;i++){
        realArgs.push(arguments[i]); 
      }
      return func.apply(null,realArgs);
   }
}

map(partial(op["+"],1),[0,2,4,6,8,10]); // op["+"] swithcase 的一個function

您可能感興趣的文章: