파이프 똥

이 기사에 대한 아이디어는 많지만 어디서부터 시작해야 할지 모르겠습니다. 코드를 더 읽기 쉽게 만들고 트리 쉐이킹을 사용하는 데 관심이 있다면 반드시 이 기사를 확인하세요.

JavaScript로 개발해 본 적이 있다면 아마도 이런 유형의 코드를 접했을 것입니다.

const someInstance = new Class();
someInstance.do('jump').some().thing('dance').and().read();

저는 이 스타일을 좋아합니다. 읽기 쉽고 무엇이 연결되어 있는지 알 수 있기 때문입니다. 또한 데이터가 모두 인스턴스에 저장되므로 한 함수에서 다른 함수로 데이터를 이동할 필요가 없습니다.

이 기능은 함수가 비동기적이지 않은 경우에만 작동한다는 사실 외에도 또 다른 문제가 있습니다. 콘텐츠를 사용하지 않는다면 트리쉐이크를 하기가 쉽지 않을 것입니다. 이것을 클라이언트에서 사용한다면, 연결된 기능을 모두 포함하여 라이브러리 전체를 옮겨야 하는데, 이는 엄청난 오버헤드입니다.

그럼 어떻게 하면 읽기 쉽도록 유지하고, 비동기 기능을 사용하고, Vite와 공동 사용자를 허용할 수 있을까요? 사용하지 않는 코드를 모두 트리쉐이크 하시겠습니까?

답은 제목에 '파이프'에 있습니다.

기능적 관점에서 파이프 구현은 매우 간단합니다. 그러나 유형은 문제를 야기했습니다. 나는 모든 것을 라이브러리에 모아서 npm에 게시했습니다. 파이프 앤 컴바인.

const inc = (by: number) => (x: number) => x + by;
const dec = (by: number) => (x: number) => x - by;
const multiplyBy = (by: number) => (x: number) => x * by;
const divideBy = (by: number) => (x: number) => x / by;
const toStr = () => (x: number) => x.toString();

// prepare the pipeline
const pipeline = pipe(inc(2), multiplyBy(7), dec(7), divideBy(3), toStr())

// Executing the pipeline
pipeline(7)

한 가지 장점은 어떤 객체에도 얽매이지 않아 기능 전후의 입력과 출력이 일치하면 어떤 기능이든 사용할 수 있다는 점입니다.

제가 제시한 예는 매우 간단하지만 최소한 모든 것을 파이프할 수 있습니다. 체인화 및 클래스와 동일한 옵션이 제공됩니다. 일반 함수는 좀 더 까다로울 수 있지만 해결책이 있습니다. 이에 대해서는 다른 글에서 더 자세히 다루겠습니다.

위 내용은 파이프 똥의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!