파이프 연산자

Experimental

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

파이프 연산자(|>)는 실험적 기능(stage 1)으로, 표현식의 값을 함수에 전달합니다. 파이프 연산자를 활용하면 중첩 함수 호출을 좀 더 읽기 좋은 형식으로 작성할 수 있습니다. 결과물은 문법적 설탕syntactic sugar으로, 하나의 인수를 제공하는 함수 호출은 다음 코드처럼 쓸 수 있습니다.

let url = "%21" |> decodeURI;

전통적인 구문에서는 아래처럼 호출합니다.

let url = decodeURI("%21");

구문

expression |> function

지정한 expression의 값이 function의 유일한 매개변수로 전달됩니다.

예제

함수 체이닝

파이프 연산자를 사용해, 여러 번 중첩된 함수 호출을 읽기 편한 형태로 바꿀 수 있습니다.

const double = (n) => n * 2;
const increment = (n) => n + 1;

// 파이프 연산자 없이
double(increment(double(double(5)))); // 42

// 파이프 연산자 사용
5 |> double |> double |> increment |> double; // 42

명세

Specification Status Comment
Pipeline operator draft Stage 1 Not part of the ECMAScript specification yet.

브라우저 호환성

BCD tables only load in the browser

같이 보기