Top

함수(Function)

  • 변수에는 코드를 저장할수 없고 데이터만 저장할 수 있습니다.
  • 함수를 이용하면 코드를 저장할 수 있습니다.

선언적 함수

  • 함수를 사용하여 코드를 저장한 것을 '함수 정의문'이라고 합니다.
  • function 키워드를 사용해 변수를 선언합니다.
function 함수명(){ 자바스크립트 코드; } 호출문; 
{
    function func(){
        document.write("선언적 함수");
    }
    func();   //선언적 함수
}

익명 함수

  • 익명 함수는 함수명이 없는 함수입니다.
  • 익명 함수를 선언하고 변수에 참조해도 됩니다.
참조 변수 = function(){ 자바스크립트 코드; } 호출문; 
{
    const func = function (){
        document.write("익명 함수");
    }
    func();   //익명 함수
}

선언적 함수, 익명 함수 실습해보기

{
    var count = 0;

    myFnc();

    function myFnc(){
        count++;
        document.write("hello" + count, "<br>");
    }

    myFnc();

    var theFnc = function(){
        count++;
        document.write("bye" + count, "<br>");
    }

    theFnc();
}

매게변수 함수

  • 매게변수 함수는 함수를 호출할 떄 전달하고자 하는 값을 입력하여 호출할 수 있습니다.
  • 매게변수가 함수 정의문을 받아 사용할 수 있게합니다.
function 함수명(매게변수){ 자바스크립트 코드; } 호출문; 
{
    function func(str){
        document.write(str);
    }
    func("매게변수 함수");   //매게변수 함수
}

리턴값 함수

  • 리턴값 함수는 함수는 결과값을 반환할 떄 사용합니다.
  • return문이 실행되면 코드가 강제로 종료됩니다.
function 함수명(){ 참조 변수 = 값; return 참조 변수; } 자바스크립트 코드; 
{
    function func(){
        const str = "리턴값 함수";
        return str;
    }
    document.write(func());   //리턴값 함수
}