함수

함수

함수는 자바스크립트의 기본적인 구성 중 하나입니다. 함수는 작업을 수행하거나 계산하는 문장 집합 같은 개념입니다. 함수는 쉽게말해 실행문이라고 생각하면 편합니다.

---

01_ 선언적 함수

가장 기본이 되는 함수 방식입니다.

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

결과보기

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

02_ 익명 함수

함수의 이름이 선언되지 않아 변수 이름을 따라갑니다.(변수 속의 함수)

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

결과보기

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

03_ 매개변수 함수

함수의 매개변수(parameter)란 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수입니다
parameter에 변수를 입력하여 실행할 수 있습니다.

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

결과보기

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

04_ 리턴값 함수

리턴값이란 함수가 어떠한 기능을 수행하고 그 결과를 호출한 곳으로 돌려주는 값을 말합니다.
함수가 어떤 기능을 수행하고 돌려줄 값이 있으면 return명령을 사용합니다.

function func(){
    const str = "함수가 실행되었습니다.4";
    return str; //실행문은 아니지만 결과값으로 저장됨.
};
document.write(func());

결과보기

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

05_ 화살표 함수_1

화살표 함수 표현은 함수표현을 간단하게 할 수 있는 대안입니다.
- 리턴값 함수는 두줄이기때문에 {}는 생략불가합니다

//func = () => {            //function 을 없애고 = () => {}로 표현가능합니다.
    //document.write("함수가 실행되었습니다.5");
//}
//func();
    
func = () => document.write("함수가 실행되었습니다.5");     //중괄호도 생략가능
func();

결과보기

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

06_ 화살표 함수_2

화살표 함수 표현은 함수표현을 간단하게 할 수 있는 대안입니다.
익명 함수와 매개 변수, 리턴값 을 한번에 사용할 수 있고, 괄호()생략에 더불어 리턴(return)도 생략 가능합니다.

const func = str => str;            //리턴 생략가능 + 중괄호 생략

document.write(func("함수가 실행되었습니다.6
"));

결과보기

함수가 실행되었습니다.6

07_ 화살표 함수_3

화살표 함수 표현은 함수표현을 간단하게 할 수 있는 대안입니다.
선언적 함수와 매개 변수, 리턴값 을 한번에 사용할 수 있고, 괄호()생략에 더불어 리턴(return)도 생략 가능합니다.

const func = str => str;            //리턴 생략가능 + 중괄호 생략

document.write(func("함수가 실행되었습니다.7
"));

결과보기

함수가 실행되었습니다.7