如何拦截或编辑咖喱函数

Question

I'm new to js and functional programing

my question is below

const orgFunc = (str, str2) =>{
    return str + ' ' + str2;
}

const curryFunc = (str) =>
{
    return orgFunc(str,'curried'); 
}

const interceptFunc = (fn) =>
{
    return fn;
}

1 console.log("orgFunc",orgFunc('func','org'));
>func org
2 console.log("curryFunc", curryFunc('func'));
>func curried    
3 console.log("interceptFunc", interceptFunc(curryFunc)('func'));
>func curried

I want to change 3's result "func curried" to "func intercepted" with replacement "curried" to "intercepted"

but in interceptFunc function,

const interceptFunc = (fn) =>
{
    return fn
}

fn is function so I can't use fn.replace("curried","intercepted")

Is there any way?

Answer 1

You can achieve this by modifying your interceptFunc function.

Your interceptFunc is not doing anything other than just returning another function.

Check the below code snippet in which we return another function which actually acts as an interceptor.

 const orgFunc = (str, str2) =>{ return str + ' ' + str2; } const curryFunc = (str) => { return orgFunc(str,'curried'); } const interceptFunc = (fn) => { return function(someInput){ return fn(someInput).replace('curried', 'intercepted'); } } console.log(interceptFunc(curryFunc)("func")); 

Answer 2

I'm not sure what you want to do. But you can use replace like that:

 const orgFunc = (str, str2) =>{ return str + ' ' + str2; } const curryFunc = (str) => { return orgFunc(str,'curried'); } const interceptFunc = (fn) => { return fn; } console.log("orgFunc",orgFunc('func','org')); console.log("curryFunc", curryFunc('func')); console.log("interceptFunc", interceptFunc(curryFunc)('func').replace('curried', 'intercepted'));