함수에 대해 알아보기

함수

함수(function)란 첫 번째 집합의 한 원소가 두 번째 집합의 오직 한 원소에만 대응하는 관계를 의미합니다.

분류	종류	설명
사용자 정의 함수	선언적 함수 익명 함수	프로그램에서 필요한 기능을 사용자가 직접 정의 해서 사용하는 함수입니다.
내장 함수	인코딩, 디코딩 함수 숫자 판별 함수 유•무한 값 판별 함수 숫자변환 함수 문자 변환 함수 자바스크립트 코드 변경 함수	프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 내부적으로 제공해 주는 함수 입니다.

---

01. 선언적 함수

funciton 함수() {
    실행문;
}

funciton compute() {
    console.log('선언적 함수');
}

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

결과보기

02. 익명함수

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

var 변수 = function() {
    실행문;
};

var compute = function() {
    console.log('익명 함수');
};

const func = function(){       //함수 이름이 없고 변수만 있어서 익명함수
    document.write("함수가 실행되었습니다.2");               
} 
func(); 

결과보기

03. 매개변수 함수

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

function func(str){         //func(인자 = 매개변수)를 넣어줘서 출력
    document.write(str);
}
func("함수가 실행되었습니다.3");

결과보기

return

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

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

결과보기

05. 화살표 함수

'=>'을 이용하여 함수를 간결하게 표현할 때 사용합니다. 단일 명령문일 경우에는 함수의 중괄호{}와 return을 생략 할 수 있습니다.

func = (str) => {
    document.write(str);
}
func("함수가 실행되었습니다.5");
    
func = (str) => document.write(str);        //const가 앞에 있어도 상관없음
func("함수가 실행되었습니다.5");
    
func = str => document.write(str);      //변수가 하나일때 ()도 없앨 수 있음
func("함수가 실행되었습니다.5");

결과보기