美文网首页JavaScript 进阶营程序员
JavaScript函数式编程实现

JavaScript函数式编程实现

作者: 天下无敌强 | 来源:发表于2017-09-06 21:32 被阅读0次

JavaScript

1.嵌套函数的有趣之处在于它的变量作用域规则:它们可以访问嵌套它们(或多重嵌套)的函数的参数和变量

2.大多数方法调用使用点符号来访问属性,使用方括号(属性访问表达式)也可以进行属性访问操作。下面两个例子都是函数调用0["m"](x,y);a[0](z);

3.方法调用可能包含更复杂的属性访问表达式:f().m();

4.方法和this关键字是面向对象编程范例的核心

5.方法链-当方法的返回值是一个对象,每个对象还可以再调用它的方法,这种方法调用序列中,每次调用的结果都是另外一个表达式的组成部分,以jQuery库为例$(":header").map(function(){return this.id}).get().sort();

一等公民函数

1.在JavaScript中,函数不仅仅是一种语法,也是值,这意味着可以将函数赋值给变量,存储在对象的属性或数组的元素中,作为参数传入另外一个函数

2.在Java中,函数是程序的一部分,但无法被程序操作

JS可选形参

    function getPropertyNames(o,/*optional*/ a){

    if(a===undefined)a=[];

    for(var property in o)a.push(property);

          return a;

    }

var a = getPropertyNames(o);//将o的属性存储到一个新数组中

getPropertyNames(p,a);//将P的属性附加至数组中

可变长的参数列表:实参对象##

1.当调用函数的时候传入的实参个数超过函数定义时的形参个数时,没有办法直接获得未命名值的引用,参数对象解决了这个问题

2.在函数体内,标识符arguments是指向实参对象的引用,实参对象是一个类数组对象

3.JavaScript的默认行为是省略的实参都将是undefined,多出的参数会自动省略

可变长的参数列表:不定实参函数

      function max(/*...*/){

      var max = Number.NEGATIVE_INFINITY;

      for(var i = 0 ;i < arguments.length;i++)

      if(arguments[i] > max) max = arguments[i];

      return max;
        }

varargs function=>不定实参函数

自定义函数属性

  uniqueInteger.counter = 0 ;

//每次调用这个函数都会返回一个不同的整数

//它使用一个属性来记住下一次将要放回的值

function uniqueInteger(){

      return uniqueInteger.counter++;

}

1.JavaScript中的函数并不是原始值,而是一种特殊的对象,也就是说函数可以拥有属性

2.当函数需要一个"静态"变量来在调用时保持某个值不变,最方便的方式就是给函数定义属性,而不是定义全局变量(定义全局变量会让命名空间变得更加杂乱无章

作为命名空间的函数

//将模块代码放入函数中,应对不同上下文中命名空间可能的冲突

    function mymodule(){

            //这个模块所使用的所有变量都是全局变量,而不是污染全局命名空间

    }

    mymodule();

以上代码也定义了一个单独的全局变量,名叫"mymodule"的函数

===========================================================

    (function(){     //mymodule()函数重写为匿名的函数表达式

            //模块代码

            //例如:处理浏览器兼容性常用,依据对客户端环境的判断返回不同的值

      }());          //结束函数定义并立即调用它

===========================================================

定义匿名函数并立即在单个表达式中调用它的写法非常常见,已经成为一种惯用法

1.在变量中声明的变量在整个函数体内都是可见的(包括在嵌套的函数中),在函数的外部是不可见的

2.不在任何函数内声明的变量是全局变量,在整个JavaScript程序中都是可见的

3.在JavaScript中是无法声明只在一个代码块内可见的变量的,基于这个原因,我们常常简单地定义一个函数用作临时的命名空间,在这个命名空间内定义的变量都不会污染到全局命名空间

prototype属性

-每一个函数都包含一个prototype属性,这个属性是指向一个对象的引用,这个对象叫做"原型对象"(prototype object)

-每一个函数都包含不同的原型对象,当将函数用作构造函数的时候,新创建的对象会从原型对象上继承属性

高阶函数

-所谓高阶函数(higher-order function)就是操作函数的函数

-它接收一个或多个函数作为参数,并返回一个新函数

纯粹函数式编程

    var data = [1,1,3,5,5]        //我们要处理的数据

    var sum = function(x,y){return x+y;};    //两个初等函数

    var product = function(x,y){return x*y;};

    var neg = partial(product , -1);

    var square = partial(Math.pow ,undefined ,2);

    var sqrt = partial(Math.pow,undefined,.5);

    var reciprocal = partial(Math.pow,undefined,-1);

//现在开始计算平均差和标准差,所有的函数调用都不带运算符

//这段代码看起来很像Lisp代码

    var mean =         product(reduce(data,sum),reciprocal(data.length));

    var stddev = sqrt(product(reduce(map(data,

                              compose(square,

                                    partial(sum,neg(mean)))),

                              sum),

                                reciprocal(sum(data.length,-1))));

相关文章

  • JavaScript函数式编程

    读完《JavaScript函数式编程》《JavaScript函数式编程指南》这两本书,对JavaScript函数式...

  • JavaScript函数式编程

    读完《JavaScript函数式编程》《JavaScript函数式编程指南》这两本书,对JavaScript函数式...

  • part1整理

    函数式编程:JavaScript函数式编程指南 异步编程:异步编程 Promise源码 JavaScript基础知...

  • underscore.js的一些用法

    underscore提供了一套完善的函数式编程的接口,让我们更方便地在JavaScript中实现函数式编程。jQu...

  • 5.纯函数

    理解JavaScript纯函数 函数式编程中有一个非常重要的概念叫纯函数,JavaScript符合函数式编程的范式...

  • javascript函数式编程

    参考书籍:《javascript 函数式编程》 什么是函数式编程? 函数式编程通过函数将值转换为抽象单元,接着用于...

  • 【JavaScript】技术参考资料

    JS基础、高级、进阶 MDN·JavaScript 函数式编程 阮一峰老师的入门简介: 函数式编程初探、函数式编程...

  • javscript 函数式编程库

    下载地址:gitee) javascript 函数式编程的接口库 模仿underscore.js实现自己的函数库,...

  • JavaScript函数式编程实现

    JavaScript 1.嵌套函数的有趣之处在于它的变量作用域规则:它们可以访问嵌套它们(或多重嵌套)的函数的参数...

  • javascript 函数式编程

    1.函数式编程是什么 为什么要函数式编程 我眼中的 JavaScript 函数式编程 2.什么是函数组合 征服 J...

网友评论

    本文标题:JavaScript函数式编程实现

    本文链接:https://www.haomeiwen.com/subject/wgavjxtx.html