유휴 시간에 기능적 프로그래밍으로 60fps

js-coroutines은 출시 이후 JSON 구문 분석 및 스트링화 또는 유휴 시간에 데이터 압축과 같은 표준 기능을 처리할 수 있었습니다. 모든 것이 60fps에서 원활하게 유지되도록 여러 프레임에 걸쳐 작업을 분할했습니다. 이제 기능적인 파이프라인을 구축할 수 있습니다. 도:

const process =
        pipe(
            parseAsync,
            mapAsync.with((v) => ({...v, total: v.units * v.price})),
            stringifyAsync,
            compressAsync        
        )

다음은 일부 JSON을 구문 분석하고, 항목의 총 값을 계산하고, JSON에 다시 저장하고, 압축하는 더미 루틴입니다.

그런 다음 데이터로 이 파이프라인을 호출할 수 있습니다.

   const compressedData = await process(inputJSON)

pipe 함수는 표준js-coroutines과 함께 기본 스레드에서 모든 작업을 공동으로 실행하는 비동기 프로세스를 생성하여 애니메이션 및 상호 작용을 위한 충분한 시간이 있는지 확인합니다.

분할하려는 자체 계산을 삽입할 수도 있습니다.

      const process = pipe(
             parseAsync,
             function * (data) {
                let i = 0
                let output = []
                for(let item of data) {
                    output.push({...item, 
                       total: item.units * item.price,
                       score: complexScore(item)
                    })
                    if((i++ % 100)==0) yield
                }
                return output
             },
             tap(console.log),
             stringifyAsync
         )         

여기에서 생성기 함수를 파이프라인에 넣고 가끔 yield를 호출하는지 확인합니다. 이 양보 호출은 계속하기에 충분한 시간이 있는지 확인하거나 다음 유휴 상태에서 기능 재개를 예약합니다.

새로운 기능

기능
매개변수
목적

pipe...function 각 함수는 비동기 함수, 일반 함수 또는 생성기일 수 있습니다.
함수는 파이프라인의 현재 값을 가져와서 처리합니다. call() 함수를 사용하여 mapAsync 의 매핑 함수와 같은 다른 매개변수를 전달할 수 있습니다. js-coroutine의 모든 xxxAsync 함수에는 가져오기 호출을 단축하는 데 사용할 수 있는 .with() 함수가 있습니다. 동일한 효과가 있습니다.

파이프라인을 실행하는 비동기 함수를 생성합니다.
tapfunction(current){...}이 함수는 현재 값을 수신하지만 그 결과를 반환하지 않는 파이프라인에 함수를 추가합니다. 로깅이나 저장과 같은 부작용을 일으키는 데 사용할 수 있습니다. 파이프라인은 함수가 완료될 때까지 실행을 일시 중지합니다.
branchfunction(current){...}이 함수는 현재 값을 받는 파이프라인에 함수를 추가합니다. 로깅이나 저장과 같은 부작용을 일으키는 데 사용할 수 있습니다. 파이프라인은 실행을 일시 중지하지 않으므로 이 시점부터 새로운 연속이 형성됩니다.
repeatfunction , times
지정된 함수를 여러 번 실행하는 함수를 만듭니다.
callfunction , ...params
이 함수를 사용하면 파이프라인의 현재 값을 사용하지만 추가 매개변수가 필요한 다른 함수를 호출할 수 있습니다. 제공된 매개변수는 파이프라인의 현재 값에 추가됩니다.

데모