全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

js 函数式编程学习笔记

(1)平常写的函数大多是接受值,合并值,返回值,比如经常写的for循环:

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

但是如果我们想做print之外的事情呢?怎么办?再写一个相似的,未免显得浪费,我们可以这样

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

通过利用匿名函数,在编写for循环之类的可以省去很多无用的细节:

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

上面的例子中是“遍历数组”,并使其抽象化,函数作为函数参数传入....

(2)另一种是传入函数参数,返回函数,可以在“高阶函数”中传入arguments

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

如果想要反转的函数接受参数大于1个,怎么办?? 很简单,借助apply方法,上下文传入NULL

传说中的组合模式:
function compose(f1,f2){
   return function(){
      return f1(f2.apply(null,arguments));
   };
}

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

间接函数调用,如果运行次数较多还是不要用的好..

(3)sum函数实际上是算法的一个变体,该算法通常称为规约

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)另外一个与数组相关的有用的基本算法称为“映射”。它能够遍历数组

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));  //回调
     } 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));  //回调
     } 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);  
}

这种函数的编程风格很独特,使用递归而不是循环,其实递归效率是比较低的,改进如下:

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)分布应用模式

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


# js  # 函数式编程  # JavaScript函数式编程(Functional Programming)组合函数(Compos  # JavaScript函数式编程(Functional Programming)箭头函数(Arrow   # JavaScript函数式编程(Functional Programming)高阶函数(Higher  # JavaScript函数式编程(Functional Programming)纯函数用法分析  # JavaScript函数式编程(Functional Programming)声明式与命令式实例分析  # 详解用函数式编程对JavaScript进行断舍离  # 理解javascript函数式编程中的闭包(closure)  # JS中的一些常用的函数式编程术语  # 递归  # 遍历  # 回调  # 这段  # 我们可以  # 很简单  # 较多  # 使其  # 较低  # 另外一个  # 想做  # 不要用  # 工作原理  # 高阶  # 返回值  # 而不是  # 再写  # brush  # compose 


相关文章: 如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何在Golang中指定模块版本_使用go.mod控制版本号  建站之星体验版:智能建站系统+响应式设计,多端适配快速建站  子杰智能建站系统|零代码开发与AI生成SEO优化指南  香港服务器WordPress建站指南:SEO优化与高效部署策略  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  北京营销型网站制作公司,可以用python做一个营销推广网站吗?  深圳 网站制作,深圳招聘网站哪个比较好一点啊?  独立制作一个网站多少钱,建立网站需要花多少钱?  如何通过免费商城建站系统源码自定义网站主题与功能?  建站之星如何实现网站加密操作?  如何通过IIS搭建网站并配置访问权限?  网站专业制作公司有哪些,做一个公司网站要多少钱?  PHP 500报错的快速解决方法  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好?  宝塔面板创建网站无法访问?如何快速排查修复?  如何在IIS中新建站点并配置端口与IP地址?  矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  网页制作模板网站推荐,网页设计海报之类的素材哪里好?  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  如何自定义建站之星网站的导航菜单样式?  网站制作企业,网站的banner和导航栏是指什么?  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  如何快速重置建站主机并恢复默认配置?  代刷网站制作软件,别人代刷火车票靠谱吗?  北京网站制作公司哪家好一点,北京租房网站有哪些?  ,巨量百应是干嘛的?  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  如何用wdcp快速搭建高效网站?  大连 网站制作,大连天途有线官网?  深入理解Android中的xmlns:tools属性  如何基于云服务器快速搭建网站及云盘系统?  如何快速选择适合个人网站的云服务器配置?  山东网站制作公司有哪些,山东大源集团官网?  制作网页的网站有哪些,电脑上怎么做网页?  成都响应式网站开发,dw怎么把手机适应页面变成网页?  css网站制作参考文献有哪些,易聊怎么注册?  建站主机选购指南:核心配置优化与品牌推荐方案  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  建站主机选择指南:服务器配置与SEO优化实战技巧  模具网站制作流程,如何找模具客户?  如何在香港免费服务器上快速搭建网站?  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?  如何安全更换建站之星模板并保留数据?  详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)  活动邀请函制作网站有哪些,活动邀请函文案?  如何解决ASP生成WAP建站中文乱码问题?  建站之星CMS建站配置指南:模板选择与SEO优化技巧  免费制作小说封面的网站有哪些,怎么接网站批量的封面单? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。