러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

285

13

장

함수와 추상적 사고

// 이제

pipeline

은

2D

변형에 필요한 함수의 배열입니다.

// 점 하나를 변형해 봅시다.

const

p

= {

x

:

1

,

y

:

1

};

let

p2

=

p

;

for

(

let

i

=

0

;

i

<

pipeline

.

length

;

i

++) {

p2

=

pipeline

[

i

](

p2

);

}

//

p2

는 이제

p1

을 좌표 원점 기준으로

45

도 회전하고

rotate

// 원점에서

2

단위만큼 떨어뜨린 후

scale

//

1

단위 오른쪽,

3

단위 아래쪽으로 움직인

translate

점입니다.

이 예제는 아주 기본적인 것이지만, 함수를 배열에 저장하는 장점을 엿보기에는 충분하리라고

생각합니다. 파이프라인의 각 함수를 호출할 때 사용한 문법을 보면,

pipeline

[

i

]

는 파이프라

인의

i

번째 요소에 접근하고, 그 요소는 함수로 평가됩니다. 그러면 괄호를 써서 함수를 호출

합니다. 각 함수에 점

point

을 전달하고, 반환값을 다시 그 점에 할당합니다. 이런 식으로 그 점에

파이프라인의 각 단계가 모두 적용됩니다.

파이프라인은 그래픽 애플리케이션에만 쓰이는 건 아닙니다. 오디오 처리와 과학 및 공학 애플

리케이션에서도 자주 사용합니다. 일정한 순서에 따라 함수를 실행해야 한다면 파이프라인을

써서 효율적으로 일할 수 있습니다.

13.6.2

함수에 함수 전달

함수에 ...