자바스크립트 함수

고유·2022년 3월 17일
1

자바스크립트

목록 보기
4/6

1. 함수란?

  • 한 가지의 일이나 값을 계산하기 위해서 쓰이는 재사용 가능한 기능이다.

2. 함수 만들 때 명심할 점

1) 함수명에는 반드시 동사가 들어가야 한다.

  • 조회(get), 추가(create), 수정(edit), 삭제(delete) 등 동사를 반드시 넣어서 작명하는 것이 좋다.

2) 하나의 함수는 반드시 하나의 일만

  • 이름에 따라서 그 역할만 하게 해라

3) 조기 리턴의 중요성

  • 만약 함수의 조건이 맞지 않을 때는 빨리 return 시켜라.
  • 함수는 빨리 return 할 수록 좋다.

4) 인자가 많아지면 파라미터를 객체로 짜라

const saveStudentInfo = (name, age, hasGirlfriend, howManyFriends, height, weight, 국어점수, 수학점수, 영어점수) => {
 	return ~~ 
}
// 라는 함수를 만들었을 때 나중에 사용 시
saveStudentInfo("sj", 26, true, 6, 184, 75, 100, 100, 100)
// 팀원들은 인자를 보고 이게 뭐를 뜻하는 지 모를 수도 있다.

const saveStudentInfo = ({name, age, hasGirlfriend, howManyFriends, height, weight, 국어점수, 수학점수, 영어점수}) => {
	return ~~
}
// 이렇게 파라미터가 여러 개인 경우 객체로 짜게 되면
   
saveStudentInfo({
  name: "sj",
  age: 26,
  ~~~
  국어점수: 100,
  수학점수: 100,
  영어점수 :100
})
// 객체의 key로 파라미터가 무엇을 뜻하는 지 알 수 있어지고 타입스크립트 사용중이라면 자동완성의 도움도 받을 수 있다.
// 엄연히 말하면 하나의 인자를 destructuring으로 받은 것이긴 함
// 협업적인 측면에서 후자가 훨씬 낫다.

3. ES6 함수 관련 기능

현재 사용하는 함수 기능들은 ES6 때 나온 것이 많다.

  • Rest Parameter, Default Parameter, 화살표 함수, Destructing Parameter가 있는데 프로젝트 내에서 다수 혹은 몇 번 씩은 사용했던 기능들이다.
profile
프론트엔드

0개의 댓글