함수에서 return 키워드를 사용하는 것은
return 키워드 뒤에 있는 내용이 함수 밖으로 반환된다 라는 것을 의미하지만,
return 키워드가 사용된 부분에서 함수가 종료된다는 것도 의미합니다.
즉, return 키워드 때문에 함수가 종료되면 그 이후에 있는 코드는 실행되지 않습니다.
실무에서 긴 코드를 작성할때, return 값 자리에 여러가지 내용의 코드를 입력해야할 경우가 많습니다.
예시
const add = (a, b) => {
return a + b; //이부분까지 실행
console.log('더하기'); //여기부터 실행안됨
}
console.log(add(1, 3));
//결과: 4
return 값에 두개 이상의 명령문 코드를 넣어야 할 때 방법
if문 분기처리
const 함수 이름 = () => {
if (조건) {
코드1
}
return 코드2;
}
예시
const add = (a, b) => {
if (a < 4) {
console.log('더하기')
}
return a + b;
}
console.log(add(1, 3));
//결과
더하기
4
반응형
'개발 > Javascript' 카테고리의 다른 글
[js] spread 연산자 (ft. 전개 연산자, 불변성, 얕은 복사) (0) | 2021.06.27 |
---|---|
[js] 객체를 배열로 바꾸는 법, 배열을 객체로 바꾸는 법 (2) | 2021.06.25 |
[js] 데이터 타입 확인 (ft. typeof 말고 함수) (0) | 2021.06.19 |
[js] css, js 이용하여 도넛차트 만들기 (ft. 원형차트, conic-gradient) (4) | 2021.06.17 |
[js] 페이지 상단으로 자동 스크롤 이동 구현 (ft. gsap scrollTo) (0) | 2021.06.13 |
댓글