본문 바로가기

Javascript/기본 문법

06. 함수

* 본 게시물은 "코딩알려주는 누나"의 "자바스크립트 : 실전 웹사이트 만들기" 강의를 들으며 정리한 것입니다.

 

 

함수

함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미합니다.

이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있습니다.

 

* 함수의 생김새

function 함수이름 (매개변수) {
    내용입력
    return 반환값
}

 

  • 매개변수: 이 함수가 실행될 때, 함수에 전달해야되는 내용이 있을 경우 매개변수를 통해 전달한다.
  • return: 함수 완료 후, 반환되야하는 값이 있을 때 사용한다.

 

예시)

function greeting(name) {
  console.log(`${name}님 안녕하세요!`);
}

greeting("재영");

함수를 만들고 나면 반드시 호출을 해야 함수를 불러올 수 있다.

 

 

여러가지 함수들

  • 익명함수 : 이름이 없는 함수. 함수를 변수에 넣어줄 때, 일시적으로 쓰이고 말 함수들은 익명함수로 만들어준다.
  • 람다식 함수: => 를 사용하여 함수를 정의하는 경우이다. let arrowFunc = (y) => { console.log(y); }
  • 콜백함수 : 다른 함수의 매개변수로 전달된 함수. 콜백은 말그대로 부른다는 뜻이다. 주로 어떤 함수에 매개변수로 들어가 어떤 특정한 조건이 되었을때만 호출이된다. (클릭이벤트나 타이머이벤트 등등)

'Javascript > 기본 문법' 카테고리의 다른 글

배열 함수  (0) 2023.02.21
ES6 자바스크립트 최신 문법  (0) 2023.02.21
05. 객체  (0) 2023.02.15
04. 배열  (0) 2023.02.15