标签：function const JavaScript 嵌套 obj 新旧 var return result

目录

• 引子
• ES5 方式
• ES2015+ 方式
• 参考资料

引子

看了 Redux 的 applyMiddleware 方法的实现，里面函数嵌套的写法都用了新语法，就想关注一下函数嵌套一类新旧的不同。

上一篇 JavaScript 新旧替换四：继承。

• Origin
• My GitHub

ES5 方式

普通嵌套

  function find(value) {
    return {
      in: function(arr) {
        return {
          combine: function(obj) {
            var result = arr.indexOf(value);
            obj.index = result;
            return obj;
          }
        };
      }
    };
  }

  var data = find(6).in([1,2,3,4,5,6]).combine({});
  console.info(data); // {index: 5}

管道机制

管道机制（pipeline）是指前一个函数的输出是后一个函数的输入。

  const plus = a => a + 1;
  const minus = a => a - 2;
  const multi = a => a * 3;
  const div = a => a / 4;

  function pipeline() {
    for (var len = arguments.length, funcs = [], key = 0; key < len; key++) {
      funcs[key] = arguments[key];
    }

    return function(val) {
      var result = funcs.reduce(function(a, b) {
        return b(a);
      }, val);
      return result;
    };
  }

  var cal = pipeline(plus,minus,multi,div);
  var result = cal(5);
  console.info(result); // 3

ES2015+ 方式

普通嵌套

  const find = (value) => (
    {
      in: (arr) => (
        {
          combine: (obj) => {
            const result = arr.indexOf(value);
            obj.index = result;
            return obj;
          }
        }
      )
    }
  );

  const data = find2(6).in([1,2,3,4,5,6]).combine({});
  console.info(data); // {index: 5}

管道机制

  const plus = a => a + 1;
  const minus = a => a - 2;
  const multi = a => a * 3;
  const div = a => a / 4;

  const pipeline = (...funcs) => val => funcs.reduce(function(a,b) {
    return b(a);
  }, val);

  const cal = pipeline(plus,minus,multi,div);
  const result = cal(5);
  console.info(result); // 3

参考资料

• Redux
• ECMAScript Standard
• MDN Arrow_functions
• ECMAScript 6 function
• Babel Online

标签：function,const,JavaScript,嵌套,obj,新旧,var,return,result
来源： https://www.cnblogs.com/thyshare/p/13039452.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。