어떻게 콜백 체인에서 돌연변이를 제거 할 수 있습니까?

Question

나는 기능적 프로그래밍으로 상태를 저장하는 것에 대해 고민하고있다.

돌연변이와 부작용이 둘 다있는 함수를 작성했습니다. 일부 캡슐화가 포함됩니다. 함수 프로그래밍을 사용하여 이와 동일한 기능을 어떻게 표현할 수 있습니까?

const createCallbackChain =() => { 
 
    let callbacks = [] 
 

 
    const addCallback = callback => (
 
    callbacks 
 
    .push(callback) 
 
) 
 

 
    const triggerCallbacks = data => (
 
    callbacks 
 
    .forEach(callback => callback(data)) 
 
) 
 

 
    return (
 
    Object.freeze({ 
 
     addCallback, 
 
     triggerCallbacks, 
 
    }) 
 
) 
 
} 
 

 
const callbackChain = createCallbackChain() 
 

 
callbackChain.addCallback(() => console.log('Hello')) 
 
callbackChain.addCallback(() => console.log('World!')) 
 

 
callbackChain.triggerCallbacks()

내 목표

별도의 시간에 addCallback를 호출하고 내가 원하는만큼 여러 번 모든 콜백을 트리거 할 수있을 것입니다. removeCallback이 필요하지 않으며 trigger이 발생한 후에 콜백을 추가 할 필요가 없습니다.

Answer 1

특정 데이터를 처리하기위한 작성 기능이 필요합니다. 귀하의 경우 콜백 배열입니다. 클로저없이 함수를 작성하고 콜백을 인수로 전달할 수 있습니다.

const triggerCallbacks = (callbacks, data) => callbacks 
    .forEach(callback => callback(data)); 

const addCallback = (callbacks, callback) => callbacks.concat([callback]); 

const calbackChainDefault = []; 

const withHelloCallback = addCallback(calbackChainDefault,() => console.log('Hello')); 
const withWorldCallback = addCallback(withHelloCallback,() => console.log('World!')); 

triggerCallbacks(withHelloCallback, null); //print "Hello" 
triggerCallbacks(withWorldCallback, null); //print "Hello World"