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.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobileServer
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung InternetNode.js
Pipeline operator (|>)
Experimental
Chrome No support NoEdge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android No support Nonodejs No support No

Legend

No support  
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.

같이 보기

문서 태그 및 공헌자

이 페이지의 공헌자: alattalatta, mdnwebdocs-bot
최종 변경자: alattalatta,