04. Funtion(함수) - 기본

장운서·2021년 6월 11일
0

replit - javascript

목록 보기
4/20
post-thumbnail

04. Funtion(함수) - 기본

04-1. 함수의 정의

  • 함수란? 하나의 특정한 작업을 수행하도록 설계된 독립적인 블록입니다.

04-2. 함수의 호출

변수에 이름이 있듯이, 함수도 이름이 있습니다. 함수 이름을 부르면, 함수 내에 있는 코드가 실행됩니다. 함수를 불러 실행시키는 것을 앞으로 "함수를 호출한다" 라고 표현하겠습니다. 아래 코드를 봐주세요.

function checkCorrect() {
  let hi = "안녕하세요";
  
  return hi;
}

함수가 정의되어 있습니다. 이름은 checkCorrect 입니다. 위와 같이 함수를 생성하고, 아래와 같이 이름을 불러 호출할 수 있습니다.

checkCorrect();

함수를 정의만 하고 호출하지 않으면 실행되지 않으니 꼭 유의해주세요! 이 부분은 뒤에서 자세히 살펴보겠습니다.


04-3. 함수의 형태

함수의 형태는 아래와 같습니다. 함수 형태를 꼭 기억해서 원하는 대로 함수를 작성할 수 있어야 합니다.

  • function 키워드로 시작하여
  • 함수 이름을 지어주고
  • 함수를 알리는 소괄호(() : parentheses)를 열고 닫고
  • 함수의 시작을 알리는 중괄호({ : curly bracket)을 열어줍니다.
  • 실행할 코드를 중괄호와 중괄호 사이에 작성합니다. 함수의 body 라고 부르기도 합니다. 이 부분에 들여쓰기가 되어있습니다. 함수 내부에 있는 코드라는 것을 알기 좋게 하려고 들여쓰기 하였습니다.
  • return(반환) 할 것이 있다면 return문을 작성합니다.
  • 중괄호(}: curly bracket)로 닫아줍니다. 함수의 작성이 끝났음을 알립니다.

04-4. 함수의 정의 vs. 함수의 실행 (함수의 호출)

앞서 드린 설명은 함수를 "정의"하는 방법입니다. "이 함수는 이런 동작을 할 것이다~" 라고 정해두는 것입니다.

하지만 위처럼 함수를 정의하는 것만으로는 함수 내부가 실행되지 않습니다.

1) add 함수 정의

function add() {
  let sum = 3+3;
  return sum;
}

아래는 add라는 이름을 가진 함수입니다. add 함수가 어떤 동작을 하게 될지를 정의만 해둔 것입니다.

2) add 함수 실행(호출)

add();
  • add 함수 이름을 부르기 전까지는, sum 변수가 생성되지도 않고, 3+3 더하기도 되지 않습니다.
  • 함수 내부가 실행되려면 위와 같이 함수를 호출해야합니다.
  • 함수를 호출하면, 그제서야 add 함수가 실행되므로
  • 그때 3+3 더하기가 되고 sum 변수에 저장되는 것입니다.
  • 함수를 호출하는 형태는 아래와 같이 함수 이름에 괄호()를 여닫아주면 됩니다.

 

Assignment

아래의 설명을 읽고 함수를 작성해주세요.

  • 함수 이름은 checkYear로 해주세요.
  • 올해 년도를 return 합니다.
  • 년도를 작성할 때는 ""(쌍따옴표)없이 숫자만 4자리 써주세요.

// 예제
function checkCorrect() {
  let hi = "안녕하세요";
  
  return hi;
}

// Assignment 를 작성해주세요.
function checkYear() {
  // 코드를 작성해주세요 
  let checkYear = 2021;

  return checkYear;
}

// 아래의 코드는 절대로 수정하거나 삭제하지 마세요.
module.exports = {checkCorrect, checkYear};
profile
방향성을 찾고싶은 프론트엔드개발자

0개의 댓글