javascript - es6 还原 es5

查看:118
本文介绍了javascript - es6 还原 es5的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

const compose = f => g => x => f(g(x));

const f = compose (x => x * 4) (x => x + 3);
f(2) // 20

求一个化简后的compose!!!!!!.......还有为什么f(2)等于8

解决方案

"use strict";

var compose = function compose(f) {
  return function (g) {
    return function (x) {
      return f(g(x));
    };
  };
};
var f = compose(function (x) {
  return x * 4;
})(function (x) {
  return x + 3;
});
f(2);

地址

可能给compose的参数换个名字更阅读一些?

var compose = function(a) {
    return function(b) {
        return function(c) {
            return a(b(c));
        };
    };
};
var f = compose(function(x) {
    return x * 4;
})(function(x) {
    return x + 3;
});
console.log(f(2));

调用的话一共有三次
var f = compose(function(x) {
    return x * 4;
})(function(x) {
    return x + 3;
});
两次
f(2)
一次

三次调用再拆为

var f1=compose(function(x) {
    return x * 4;
})
var f2 = f1(function(x) {
    return x + 3;
})
f2(2);

  1. compose(function(x) {return x * 4;})即参数a为函数function(x) {return x * 4;}内部a(b(c))相当于对a调用内部参数xb(c),得到function(b){return function(c){return b(c)*4}}

  2. 此时 f1 = function(b){return function(c){return b(c)*4}}同样对f1的调用f1(function(x) {return x + 3;})相当与参数bfunction(x){return x+3},内部b(c)相当于将c作为参数传入b中,得到function(c){return (c+3)*4}

  3. 此时f2=function(c){return (c+3)*4},f2(2)=20

有点绕,可以拿笔和纸写一下。

这篇关于javascript - es6 还原 es5的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆