섹션 4 - 19. 매개변수의 순서가 경계다

[yujo11]

섹션 4 - 19. 매개변수의 순서가 경계다

[jinsoobyeon]

나머지 파라미터나 arguments 객체를 적극적으로 사용해봐야겠어요.
매개변수의 순서를 경계로 사용해서 좀 더 함수형 프로그래밍에 가깝도록 코드를 작성하면 재미있을 것 같아요.

[yoonhe]

궁금한 점이 있습니다 !

함수의 매개변수를 여러개 전달하는 경우 객체로 전달하면 편리하다고 이해하였는데요

아래 두가지 방법중 어떤 방법이 더 좋은 방법인지 궁금합니다

방법 1

매개변수가 2개 이하일 경우에는 인자를 따로 따로 전달한다

function createMenu(title, body) {
  // ...
}

3개 이상일 경우에는 객체로 넘겨준다

function createMenu({ title, body, buttonText, cancellable }) {
  // ...
}

방법 2

일관성있게 매개변수의 갯수와 상관없이 항상 객체를 전달한다

function createMenu({ title, body, buttonText, cancellable }) {
  // ...
}

방법 2는 함수가 매개변수로 어떠한 값을 받는지 명확하게 드러낼 수 있어서 좋다고 생각하는데 제 생각이 맞는것인지 틀린것인지 잘모르겠네요 😅
다른분들은 어떻게 생각하시나요??

[devhyun637]

각자의 의견이 있다면 저는 팀 컨벤션을 통해 맞추는 편입니다.
저는 개인적으로 순수 자바스크립트로만 코드를 작성할때는 방법1을 선호했고, 리액트를 함수형으로 쓰면서 props를 넘겨줄 때는 통일성을 위해서 방법2를 선호합니다. :)

[devhyun637]

섹션 4에 대한 전반적인 느낀점을 따로 남기는 것보다 비슷한거 같아서 이곳에 남겨두겠습니다!
전반적으로, 코드를 처음 짜는 사람이라면, 또는 자바스크립트에서 어떻게하면 가독성이 좋은 코드를 짤 수 있는지 고민을 처음해본 사람이라면 정말 도움이 많이 될 것이라고 생각합니다.

다만, '경계 다루기'라는 강의의 이름이 조금 애매하게 느껴집니다. 처음에 섹션 주제와 각 목차를 봤을 때 어떤 강의가 진행이 될지에 대해서 의문이 있었고, 강의를 듣다보니 '함수명 또는 변수명, 파라미터를 잘 쓰자'로 내용이 정리가 될 것 같다는 생각이 들었습니다.

3-15의 경우 "min, max의 값을 상수화를 하고 경계값의 유무에 따른 판단을 팀별로 잘 컨벤션을 맞추고 이것 또한 상수화 네이밍에 표현해주면 좋다"로 이해를 했고, 3-16도 함수명을 잘 지어야한다가 제가 강의를 듣고나서 느낀점입니다.

3-18의 prefix-suffix는 저는 이 단어를 자바스크립트를 제대로 공부하고 어느정도 시간이 지난 후 이벤트핸들러에 대한 네이밍을 고민하다가 알게되어서 그 뜻을 알려주는 게 좋았습니다. 다양한 예시를 들어주신 것도 좋았습니다. 하지만 조금은 prefix에 치중된 예시 설명인게 아쉬웠지만 이 또한 네이밍의 중요성이라는 주제 아래에 있다면 강의를 들으시는 분들도 저런 라이브러리가 있구나! 하고 넘어갈 수 있어서 좋을것같다는 생각을 하였습니다.

마지막으로 3-19도 매개변수의 가독성을 높이는 방법이 주제가 되는 것 같아서 포코께서 '경계'라고 강의의 주제를 잡으신 의도를 듣고싶습니다!

[devhyun637]

// not
$element.addEventListender('click', onRegisterButtonClick)

// to be
$element.addEventListender('click', onRegister)