자바스크립트 함수의 종류 마스터 하기

 

✍🏻 함수란 ?! ✍🏻

- 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다.
- 함수는 자바스크립트의 기본 구성 요소 중 하나입니다.
- 함수를 실행할 때는 반드시 함수를 불러와야 합니다.
- 함수에 "function"을 뻬고 "=","=>"을 넣어 줄여쓰는 방법이 있습니다. 그것을 화살표 함수 라고 부릅니다.

✍🏻 선언적 함수 ✍🏻 

* 선언적 함수는 가장 기본적인 형식으로 되어있습니다
기본형식은 "function 함수명(){실행문}" 입니다.

 

function func(){
    document.write("선언적 합수입니다.")
}

func()	// 함수를 불러오는 명령문 입니다.

// 결과값: 선언적 함수 입니다

*  선언적 함수 화살표 형식

 

func1 = () => {
    document.write("화살표 함수 : 선언적 합수 입니다.")
}
func1()
// 결과값: 화살표 함수 : 선언적 합수 입니다.

✍🏻 익명 함수 ✍🏻

*함수의 종류 중 하나로 변수의 이름을 함수의 이름으로 쓴 것 입니다. 
  변수 안에 함수를 넣은 형식으로 되어있습니다.

  기본 형식은 const 변수명 = function (){실행문}으로 되어있습니다.

const func = function (){
    document.write("익명 함수 입니다.");
}

 func();
 
 // 결과값 : 익명 함수 입니다.

* 익명 함수 화살표 형식

const func1 = () => {
    document.write("화살표 함수 : 익명 함수 입니다")
}
func1();
 // 결과값 : 화살표 함수 : 익명 함수 입니다.

✍🏻 매개 함수 ✍🏻

* 함수를 호출할 때 전달하는 변수를 '매개변수' 라고 합니다.

기본 형식은 "function 함수명(매개변수1, 매개변수2){실행문;} 함수명(매개변수값1, 매개변수값2)"로 되어있습니다.

function func(str) {
    document.write(str);
}

func("매개변수 함수 입니다.");

// 결과값 : 매개변수 함수 입니다.

* 매개 함수 화살표 형식

func = (str) => {
    document.write(str);
}
func("화살표 함수 : 매개변수 함수 입니다");
// 결과값 : 화살표 함수 : 매개변수 함수 입니다.

✍🏻 리턴 함수 ✍🏻

* 함수의 종류 중 하나로 함수를 통해 처리된 결과를 반환시켜주는 명령입니다.

 return을 통해 함수를 실행시킬수 있다는 것에 의미가 있습니다.

함수를 정의할 때 return 키워드를 사용하여 리턴값을 지정할 수 있습니다.

기본 형식은 { function 함수(){ const키 = 값; return 키; 입니다.

function func(){
    const str = "리턴 함수입니다";
    return str;
}
document.write(func());

// 결과값 : 리턴 함수입니다

* 리턴 함수 화살표 형식

func = () => {
    const str = "화살표 함수 : 리턴값 함수 입니다";
    return str;
}
document.write(func()); 
// 결과값 : 화살표 함수 : 리턴값 함수입니다.

✨ 오늘은 중요한 내용을 함께 알아봤는데요 !

중요한 만큼 많이 복습하고 적용시켜가면서 문제를 풀어보면

함수의 종류를 마스터할 수 있다고 생각합니다 !

감사합니다 ^00^