하조은의 블로그

오늘의 함수 - if2

2017.12.06 — JavaScript, 오늘의 함수, 함수형 프로그래밍 — 1 min read

오늘 발견한 재미있는 함수를 소개합니다

if2

오늘은 지난 시간에 예고한대로 _.if2 함수를 살펴보겠습니다. 기존의 _.if와 _.if2의 문법적 차이를 먼저 살펴보고 구현 방식의 차이에 대해서도 이야기해보겠습니다. (오늘의 함수를 이해하기 위해 반드시 오늘의 함수 - if를 확인하고 오셔야합니다.)

(1) 어제의 함수

기존의 _.if는 _.if(predi, fn)의 형태로 사용합니다. 조건이 되는 predi와 조건에 따라 실행할 fn을 인자로 전달하는데 이때 fn을 정의하기 위해서 _pipe와 같은 합성 함수를 사용해야 합니다. window.functions.js와 함께 사용하면 아래와 같은 예제를 만들어 볼 수 있습니다.

1_go(11,
2  _.if(_lt(10), // [1] 10보다 작으면
3    _pipe(
4      _add(100),
5      console.log)
6  ).else_if(_gte(20), // [2] 20과 같거나 크면
7    _pipe(
8      _add(200),
9      console.log)
10  ).else(
11    _pipe(
12      _add(300),
13      console.log)
14  ));
15  // [3] 결과는 311 입니다.

지난 시간에 이미 보여드린 것처럼 위의 코드는 _.if2 함수를 만나 아래와 같은 형태로 다르게 적을 수 있습니다.

1_go(11,
2  _.if2(_lt(10))(
3    _add(100),
4    console.log
5  ).else_if(_gte(20))(
6    _add(200),
7    console.log
8  ).else(
9    _add(300),
10    console.log
11  ));

_.if2에서는 괄호를 연달아 두번 열어줍니다. 첫번째 괄호는 조건부를 담고 두번째 괄호는 실행부를 담습니다. 각 괄호 안에 몇개의 함수를 담건 합성해서 실행합니다. 코드가 간결해졌을뿐 아니라 본래의 if와 유사한 형태를 띄고 있습니다. 훨씬 직관적인 함수가 되었습니다.

(2) 오늘의 함수

이제 _.if2가 어떻게 구현되었는지 살펴보겠습니다.

1_.if2 = function() {
2  var predi = _.pipe.apply(this, arguments); // [1]
3  return function() {
4    var store = [[predi, _.pipe.apply(this, arguments)]]; // [2]
5
6    function If() { // [3]
7      var context = this, args = arguments;
8      return _.go(store,
9        _.find(function(fnset) { return fnset[0].apply(context, args); }),
10        function(fnset) { return fnset ? fnset[1].apply(context, args) : void 0; });
11    }
12
13    return _.extend(If, {
14      else_if: function() {
15        var predi = _.pipe.apply(this, arguments); // [4]
16        return function() { return store.push([predi, _.pipe.apply(this, arguments)]) && If; }; // [5]
17      },
18      else: function() { return store.push([_.constant(true), _.pipe.apply(this, arguments)]) && If; }
19    });
20  };
21};

지난 시간에 살펴본 _.if 함수의 내부와 상당히 유사한 코드입니다. 함수의 실행 시기의 차이로 인해 몇가지 다른 점이 보입니다. 이번에도 주석을 따라 순서대로 설명하겠습니다.

[1] Line 2 - 가장 밖에 있는 함수는 인자로 조건부에 해당하는 함수들을 받습니다. 그 함수들을 _.pipe 함수로 합성해둡니다. 나중에 store에 저장하기 위함입니다.

[2] Line 4 - _.if 함수와 마찬가지로 store라는 배열을 만듭니다. 이 배열은 위에서 만들어둔 조건 판별 함수인 predi와 현재 함수에서 받은 인자로 받은 함수들 즉, 실행될 함수 fn을 묶음으로 가진 2차원 배열입니다. 여기서도 _.pipe로 인자들을 합성합니다.

[3] Line 6 - _.if 함수의 If 함수와 동일합니다. 오늘의 함수 - if를 참고하세요.

[4] Line 15 - [1]번에서와 같이 store에 저장하기 위해 인자로 받은 함수를 합성합니다.

[5] Line 16 - [2]번처럼 실행될 함수를 만들어 조건부 함수와 함께 store에 넣어둡니다.