JAVASCRIPT | 함수

함수

함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다.
1) 사용자 정의 함수_ 필요한 기능을 사용자가 직접 정의해서 사용하는 함수
2) 내장 함수_ 자주 사용되는 기능들을 자바스크립트 내부적으로 제공해 주는 함수

---

01. 선언적 함수

함수를 정의하고 호출하는 일반적인 함수를 말합니다.

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

결과보기

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

02. 익명 함수

함수의 형태를 가지고 있지만 이름은 갖고 있지 않은 함수힙니다.

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

결과보기

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

03. 매개변수 함수

함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수 입니다.

function func(str){             //str: parameter, 변수, 인자, 매개변수(-> 4. 변수 : 지역변수 + 전역변수 + 매개변수)
    document.write(str);
}
func("함수가 실행되었습니다.3");

결과보기

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

04. 리턴값 함수

함수를 통해 처리된 결과를 반환시켜주는 명령어입니다.

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

결과보기

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

05. 화살표 함수 : 선언적 함수

function을 생략하고 = 과 {} 를 통해 간단하게 표현을 해줄 수 있습니다. {} 도 생략이 가능합니다.

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

// 화살표 함수(선언적 함수)
// func = () => {       //=> function
//     document.write("함수가 실행되었습니다.5")
// }
// func();

// 화살표 함수(중괄호 삭제)
func = () => document.write("함수가 실행되었습니다.5");

func();

결과보기

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

06. 화살표 함수 : 익명 함수

function을 생략하고 = 과 {} 를 통해 간단하게 표현을 해줄 수 있습니다. {} 도 생략이 가능합니다.

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

// 화살표 함수(익명 함수)
// const func = () => {
//     document.write("함수가 실행되었습니다.6");
// }
// func();

// 화살표 함수(중괄호 삭제)
const func = () => document.write("함수가 실행되었습니다.6");

func();

결과보기

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

07. 화살표 함수 : 매개변수 함수

function을 생략하고 = 과 {} 를 통해 간단하게 표현을 해줄 수 있습니다. {} 도 생략이 가능합니다.

// 변수 선언을 해줘야 하지만 매개변수 함수에서는 생략 가능
// function func(str){
//     document.write(str);
// }
// func("함수가 실행되었습니다.7");

// 화살표 함수(매개변수 함수)
// func = (str) => {
//     document.write(str);
// }
// func("함수가 실행되었습니다.7");

// 화살표 함수(중괄호 삭제)
// func = (str) => document.write(str);
// func("함수가 실행되었습니다.7");

//(앞에 const 있어도 상관 없음)func = str => document.write(str);

func = str => document.write(str);

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

결과보기

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

08. 화살표 함수 : 선언적 함수

function을 생략하고 = 과 {} 를 통해 간단하게 표현을 해줄 수 있습니다. {} 도 생략이 가능합니다.

//리턴값 함수
// function func(){
//     const str = "함수가 실행되었습니다.8"
//     return str; //리턴이랑 실행함수 다름
// }
// document.write(func());


//화살표 함수(리턴값 함수)
func = () => {
    const str = "함수가 실행되었습니다.8"
    return str;
}
document.write(func());

결과보기

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