❄️ 전략 패턴

 

🥹 전략 패턴이란

여기저기 조사한 바로는 전략패턴은 아래와같다

동일 계열의 알고리즘을 정의하고,각 알고리즘을 캡슐화하여,상호교환 가능하도록 만든다.

 

비슷한 계열의 객체를 if/else문 대신에, 객체의 메소드를 호출하는 방식으로 이해가 된다.

다만 이렇게 했을때는 if/else으로 하지 않는 장점은 있지만, 객체수가 늘어난다.

 

 

😚 if/else으로 작성

Video라는 객체가 있고, play 메소드에서는 생성자에서 어떤값을 받느냐에 따라 log가 다르게 나온다.

그것을 If/else 문으로 작성하면 아래와 같다

class Video {
  constructor(videoType) {
    this.videoType = videoType;
  }
  play() {
    if (this.videoType === "Streaming") {
      console.log("Play StreamingVideo");
    } else if (this.videoType === "BrandVideo") {
      console.log("Play BrandVideo");
    } else {
      console.log("Play CarPurPoseVideo");
    }
  }
}

const video1 = new Video("Streaming");

const video2 = new Video("BrandVideo");

const video3 = new Video("CarPurPose");

video1.play();
video2.play();
video3.play();

 

위와 같이 했을때는 if/else문으로 작성한다면 조건이 늘어날수록 구문이 길어진다. 

 

 

🤠 전략패턴 사용

class Video {
  constructor(playAction) {
    this.playAction = playAction;
  }
  play() {
    if (!this.playAction) {
      console.log("No have a PlayAction");

      return;
    }

    this.playAction();
  }
}

class StreamingVideo {
  playVideo() {
    console.log("Play StreamingVideo");
  }
}

class BrandVideo {
  playVideo() {
    console.log("Play BrandVideo");
  }
}

class CarPurPoseVideo {
  playVideo() {
    console.log("Play CarPurPoseVideo");
  }
}

const streamingvideo = new StreamingVideo();
const brandvideo = new BrandVideo();
const carpurposevideo = new CarPurPoseVideo();
const video1 = new Video(streamingvideo.playVideo);
const video2 = new Video(brandvideo.playVideo);
const video3 = new Video(carpurposevideo.playVideo);

video1.play();
video2.play();
video3.play();

일단 if/else에 있는 것들을 각각의 객체로 만들었다. 

• StreamingVideo
• BrandVideo
• CarPurPoseVideo

그리고 각각의 객체의 playAction을 Video의 인자로 넘겨주었고, Video의 객체의 Play메소드를 통해, 인자로 전달된 것을 실행할 수 있다.

 

확실히 if/else으로 만들어지는 것보다는 관리가 편해졌지만, 각각의 객체를 만들어야 한다는 단점이 존재한다.