본문 바로가기

IT

자바스크립트 함수 기본 원리

 자바스크립트 함수는 3가지 방법으로 생성할 수 있다.1번은 잘 안 쓰지만 자바스크립트가 내부적으로 함수를 생성하는 원리에 해당한다. 보통 익명함수(표현식)인 2번을 주로 활용한다. 2번은 표현식이므로(=) 끝에 세미콜론(;)이 들어간다. 3번 선언적 함수(이름있는 함수)도 종종 사용되지만, 표현식이 아니므로 끝에 세미콜론(;)이 붙지 않는다.

 

 

Contents

     

    1.함수 원리

    var add = new Function("x, y", "return x+y;");
    
    
    document.write(add(3,4));
    
    => 7

     

    2. 익명 함수

    var add = function(x,y){ return x+y; };
    
    
    document.write(add(5,4));
    
    => 9

     

     

    3. 선언적 함수

    function add(x,y){ return x+y; }
    
    
    document.write(add(5,6));
    => 11
    

     

    4. 함수 인자(매개변수)

     

     

    함수의 매개변수는 그냥 추가된 이름일 뿐, 그 자체는 별 의미가 없다.
    사용되는 건 호출문의 인수이다.
    참고로, 매개변수에는 호출문의 인수(argument)가 배열 형식으로 담긴다.
    이걸 활용할 일은 드물지만 기본원리는 이렇다.

    function add(x,y){ return (`${arguments.length} , ${arguments[5]} ,
    ${arguments[1]+arguments[2]}`); }
    
    document.write(add(5,6,7,8,9,"argument"));
    => 6, argument, 13
    

     

     


    • 자바스크립트 학습 목차
    No Title Link Subject Level
    114 비주얼 스튜디오 코드 설치 바로가기 자바스크립트 중급
    105 함수 기본 원리 바로가기 자바스크립트 초급
    107 자바스크립트 계산기 바로가기 자바스크립트 중급
    108 DOM 제어대상 찾기 바로가기 자바스크립트 초급