tap / do

signature: tap(nextOrObserver: function, error: function, complete: function): Observable

부작용없이 로깅과 같은 액션을 수행합니다.

💡 pipeable 연산자를 사용중이라면, do 대신 tap 을 사용하세요!

예시

예시 1: tap을 사용하여 로그찍기

( StackBlitz | jsBin | jsFiddle )

// RxJS v6+
import { of } from 'rxjs';
import { tap, map } from 'rxjs/operators';

const source = of(1, 2, 3, 4, 5);
// 'tap'을 사용하여 소스로부터 로그 값을 찍습니다.
const example = source.pipe(
  tap(val => console.log(`BEFORE MAP: ${val}`)),
  map(val => val + 10),
  tap(val => console.log(`AFTER MAP: ${val}`))
);

//'tap'은 값을 바꾸지 않습니다.
//결과: 11...12...13...14...15
const subscribe = example.subscribe(val => console.log(val));

예시 2: 객체에서 tap 사용하기

( StackBlitz)

// RxJS v6+
import { of } from 'rxjs';
import { tap, map } from 'rxjs/operators';

const source = of(1, 2, 3, 4, 5);

// tap은 next, error, complete을 사용할 수 있습니다
const example = source
  .pipe(
    map(val => val + 10),
    tap({
      next: val => {
        // on next 11 이 찍힙니다.
        console.log('on next', val);
      },
      error: error => {
        console.log('on error', error.message);
      },
      complete: () => console.log('on complete')
    })
  )
  // 결과: 11, 12, 13, 14, 15
  .subscribe(val => console.log(val));

관련된 사용법

• Battleship Game

• Breakout Game

• Car Racing Game

• Catch The Dot Game

• Click Ninja Game

• Flappy Bird Game

• Horizontal Scroll Indicator

• Lockscreen

• Memory Game

• Mine Sweeper Game

• Platform Jumper Game

• [Save Indicator]('../../recipes/save-indicator.md)

• Space Invaders Game

• Stop Watch

• Swipe To Refresh

• Tank Battle Game

• Tetris Game

• Type Ahead

• Uncover Image Game

추가 자료

• tap 📰 - 공식 문서

• Logging a stream with do 📹 💵 - John Linquist

• Utility operator: do 📹 💵 - André Staltz

• Build your own tap operator 📹 - Kwinten Pisman

📂 Source Code: https://github.com/ReactiveX/rxjs/blob/master/src/internal/operators/do.ts