前端大佬能当场写出这道题吗？

[zhaomeicheng]

当场没写出来，面试官劝我别紧张，说这道题很基础，可是面试后自己在这也没写出来...

[enchilada2020]

@sweetcola 很极致 我喜欢

[skies457]

const compose = ((self, [fn, ...fns]) => () => fn?.(self(self, fns)))((self, [fn, ...fns]) => () => fn?.(self(self, fns)), arr)

还可以升级一下难度，只使用匿名函数（逃

[skies457]

const compose = arr => ((self, [fn, ...fns]) => () => fn?.(self(self, fns)))((self, [fn, ...fns]) => () => fn?.(self(self, fns)), arr)

少了 arr => （

[dasbn]

@skies457 Y= f => (x => v => f(x(x))(v)) (x => v => f(x(x))(v))

提取出你的 Y （

[molvqingtai]

洋葱圈模型还挺实用的，koa 就不用说了，比如前端使用的 redux 、vue-router 内部实现都是使用洋葱模型

我也这种模式封装了一个 http 客户端：
https://github.com/molvqingtai/resreq

[chezs66]

这就是栈呀。。。无非是自己写一个栈，或用 js 自带的栈

[zyxyz123]

const compose = (arr) => {
if (arr.length === 0) {
return () => {}
}
return () => {
arr[0](compose(arr.slice(1)))
}
}

[otakustay]

const compose = handlers => handlers.reduceRight((out, v) => () => v(out), () => {});

手写倒有点难，电脑敲再简单调试一下下可以

[Agassiz]

洋葱模型

[walpurgis]

middlewares = [fn1,fn2,fn3]
compose 展开后是这样
fn = () => fn1(() => fn2(() => fn3(() => {})));

暴力拼接法

function compose(arr) {
const fn = arr.pop();
let composed = () => fn(() => {});
while (arr.length > 0) {
const fn = arr.pop();
composed = ((next) => () => fn(next))(composed)
};
return composed;
}

[wanacry]

这是啥玩意 我也会 js 但是为啥我都看不懂

[MonkeyD1]

@wanacry 哈哈 ➕1 我也是

[banmuyutian]

才疏学浅，请教下这个洋葱模型是不是类似于 Spring Boot 的堆栈？

[danhua]

为啥我第一眼感觉可以用异步来解决，不过异步比上面大佬们给出的方法要麻烦多了。

[dtdths1]

洋葱圈模型

[ryougifujino]

function compose(arr) {
let next = function () {
}
arr.reverse().forEach(fn => {
const nextFn = next
next = function () {
fn(nextFn)
}
})
return next
}

[ryougifujino]

@ryougifujino #36 个人感觉我这个思路很简单，确实就是洋葱圈模型。next 顾名思义，就是下一次要执行的函数，所以核心思路就是把下一次的函数放到 next 中去就行了。

[zhaomeicheng]

@ryougifujino 说真的，我看不懂😂

[Lenic]

建议看下 Array.prototype.reduce 方法

[channg]

我感觉这道题是需要多次运行 fn() 可以再出输入 1 2 3 3.1 2.1 1.1 吧 难道是我想多了？
@zhaomeicheng
@ryougifujino
@Cbdy
@cyrbuzz