美文网首页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函数式编程实现

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