[JavaScript] Function 2

2022. 8. 31. 11:46·JavaScript

함수를 통해 단순히 console.log를 해서 console창에 띄우거나 alert를 하는 것은 큰 의미가 있는 것이 아니다. 우리는 함수를 통해 도출된 값을 받아서 활용할 필요가 있다. 이를 위해 필요한 것이 return이다. return을 하지 않으면 콘솔에 띄우고 끝나거나 함수 내부적으로 값을 도출하고 끝나는 데, 이를 함수 외부적으로도 도출된 값을 알리고 받기 위해서는 return을 해야한다. 즉 return을 사용함으로써 함수를 호출하는 코드를 함수를 통해 나온 결과값으로 대체하는 것이다. 이를 통해 variable에다가 함수에서 반환된 값으로 대체할 수 있어 단순히 콘솔에 한 번 띄우는 것보다 큰 의미를 갖고 사용할 수 있다. 요약하자면 함수는 실행되면 결국 결과만 남기고 사라지기 때문에 그 결과 값을 또 다른 변수에 저장, 즉 대체해놓아야한다.

 

함수를 통해 어떤 작업을 처리하고 그 결과를 return하기 위해 함수를 사용한다. 또한 return 자체로 값을 대체하므로, 어떤 복잡한 작업을 했든, return 값이 엉뚱한 "hello"와 같은 것으로 되어있다면 "hello"를 반환하게 된다.

function calKrAge(ageOfForeigner) {
  return ageOfForeigner + 2;
}
const age = 96;
const krAge = calKrAge(age);
console.log(krAge);

또한 함수는 return을 통해 결과값을 도출하고 나면 함수를 종료하고 끝내버린다. 즉 return을 하면, 그 이후의 코드가 있어도 실행하지 않는다. 

'JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트로 시계만들기  (0) 2022.09.24
[JavaScript] document  (0) 2022.09.01
[JavaScript] Function  (0) 2022.08.30
[JavaScript] JS data type 2  (0) 2022.08.30
[JavaScript] JS data type  (0) 2022.08.27
'JavaScript' 카테고리의 다른 글
  • [JavaScript] 자바스크립트로 시계만들기
  • [JavaScript] document
  • [JavaScript] Function
  • [JavaScript] JS data type 2
youjeong_choi
youjeong_choi
  • youjeong_choi
    youjeong
    youjeong_choi
  • 전체
    오늘
    어제
    • 분류 전체보기 (101)
      • HTML, CSS (7)
      • JavaScript (19)
        • 모던 자바스크립트 딥다이브 (4)
      • ReactJS (17)
      • TIL (15)
      • WIL (17)
      • 알고리즘 (17)
      • 네트워크 (5)
      • Vue (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    항해99 실전프로젝트
    리액트 라우트
    익명 함수
    혼공스
    알고리즘 문제
    리액트 라이프 사이클
    자바스크립트
    항해99주특기
    피니아
    리액트
    항해99주특기리액트
    항해99리액트숙련주차
    선언적 함수
    파이썬
    항해99
    알고리즘
    항해99 주특기
    모던자바스크립트딥다이브
    항해99리액트
    무한렌더링
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
youjeong_choi
[JavaScript] Function 2
상단으로

티스토리툴바