무지개 곰
무지개곰의 성장이야기
무지개 곰
250x250
  • 분류 전체보기
    • 블록체인 공부
      • BlockChain
      • Ethereum
    • IT공부
      • Java
      • JavaScript
      • HTML + CSS
      • React
      • 프로그래머스 (TypeScript)
    • 독서
    • 영어 공부
      • 1일 1 작문
      • 영어 짧은 글
    • 홍보
hELLO · Designed By 정상우.
무지개 곰

무지개곰의 성장이야기

[JS] 함수 function 이해하기
IT공부/JavaScript

[JS] 함수 function 이해하기

2022. 9. 10. 16:00
728x90

함수 function 이해하기

  • 함수 function이란?
  • 예시

함수 function이란?

function은 일련의 작업을 수행하도록 구성한 코드를 불러오기 편하게 이름 지어 준 것을 함수라고 합니다. 예를 들어 어떠한 작동을 하는 코드가 총 100줄이 되는데 이 기능을 사용할 때마다 100줄을 작성하는 것이 아닌 함수의 이름을 불러옴으로써 1줄로 이용할 수 있게 해 줍니다. 코드의 반복이 줄고 재사용성이 높이는 방법입니다. 

function 함수이름(매개변수){
    실행할 내용
    return 반환할 값
}

매개변수는 함수를 실행 시 실행할 내용에서 필요로 하는 입력값입니다. 따라서 실행할 내용에 따라 매개변수가 필요할 수도 있고 매개변수가 필요하지 않을 수 있습니다. 실행할 내용에 따라 반환할 값이 존재하지 않을 수도 있습니다.


예시

//매개변수와 return이 없는 함수
function print(){
    console.log("안녕");
    console.log("안녕");
    console.log("안녕");
    console.log("안녕");
    console.log("안녕");
    console.log("안녕");
}

위와 같이 단순히 console.log를 찍는 경우 실행할 내용은 있지만 매개변수의 입력이 필요 없으므로 함수를 선언할 때 print()로 선언하여도 무관합니다.

//매개변수와 return이 있는 함수
function add(num1,num2){
    let result = num1+num2;
    return result;
}
let check =add(1,2);

위의 함수는 num1과 num2를 매개변수로 가지는 함수입니다. 함수의 내용은 매개변수로 입력받은 num1과 num2를 더한 값을 return을 통하여 반환합니다. add(1,2)의 경우 add(num1, num2)에서 num1을 1이라고 설정한 것이고 num2를 2라고 설정한 것이므로 result는 1+2가 되어 3이 됩니다.

 

재귀함수 이해하러 가기

728x90
저작자표시 비영리 변경금지 (새창열림)
    'IT공부/JavaScript' 카테고리의 다른 글
    • [JS] 객체가 무엇인지 이해하기
    • [JS] 재귀함수 이해하기
    • [JS] break 이해하기
    • [JS] 반복문 do while 이해하기
    무지개 곰
    무지개 곰
    java solidity react javascript등 프로그래밍 공부 기록

    티스토리툴바