함수

함수의 종류

1.선언적 함수
2.익명 함수
3.매개변수 함수
4.리턴값 함수
5.화살표 함수

선언적 함수

함수를 만드는 가장 일반적인 형식

function func(){
    document.write("함수가 실행되었습니다.1
");
}
func();

결과보기

"함수가 실행되었습니다.1"

익명 함수

변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용 할 수 있도록 만들어 줍니다.
익명 함수는 변수 선언 이후에 호출해야 합니다.

const func = function(){ //변수안에 함수가 들어가서 익명함수라 명명했다.
    document.write("함수가 실행되었습니다.2");
}
func();

결과보기

"함수가 실행되었습니다.2"

매개변수 함수

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

// 변수 : 지역변수 + 전역변수 + 매개변수
// 함수 : 지역함수 + 전역함수
    
function func(str){      //파리미터 = 인자 = 매개변수
    document.write(str);
//return str이 생략되어있음
}
func("함수가 실행되었습니다.3");

결과보기

"함수가 실행되었습니다.3"

리턴값 함수

return 이란 것은 함수를 호출했을 때, 함수가 값을 반환한다는 의미이다.

function func(){
    const str = "함수가 실행되었습니다.4";
    //document.write(str);
    return str;  // return은 함수를 통해 처리된 결과를 반화시켜주는 명령어입니다.
    }
    document.write(func());

// ECMAscript1
// ECMAscript2
// ECMAscript3
// ECMAscript4
// ECMAscript5
// ECMAscript6(es6) 화살표 함수, let, const

결과보기

"함수가 실행되었습니다.4"

화살표 함수

함수를 변수에 할당해 주는 것으로 함수 선언문과 문법만 다르고 동작방식, 실행방식도 동일하다.

// function func(){
//     document.write("함수가 실행되었습니다.5");
// }
// func();

// func = () => {              //구조를 기억하자
//     document.write("함수가 실행되었습니다.5");
// }
// func();

func = () => document.write("함수가 실행되었습니다.5");   //리턴문이 있으면 {}를 생략할 수 있다.
func();                                                  //근데 리턴문이 한줄이면 그 ()마저도 생략할 수 있다.

결과보기

"함수가 실행되었습니다.5"