ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • js 함수
    javascript ES5 정리 2020. 9. 22. 14:30

    js 함수

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
          var add = new Function("x,y","return x+y;");
          console.log(add(2,3));
    
           var add2 = function(x,y){
               return x+y;
           }
           console.log(add2(2,3));
    
           function add(x,y){
               return x+y;
           }
           console.log(add(2,3));
        </script>
    </body>
    </html>

     

    js에서 함수를 선언하는 방식은 총 3가지가 있다.

     

    1.정규 표현식

     var add = new Function("x,y","return x+y;");

    js의 함수는 객체다. 객체를 선언한 후 var 참조변수를 사용하여 이름을 부여해줌

     

    2.편의상 선언 방식

     var add2 = function(x,y){
               return x+y;
           }

     

    3.편의상 선언 방식

     function add(x,y){
               return x+y;
           }

     

    js함수의 매개변수

    js함수의 매개변수는 그냥 의미가없다. js의 매개변수는 값을 받는 그릇의 역활을 수행 하지 않는다.

    js의 funtion이라는 객체에 내부적인 컬렉션이 존재한다(arguments)

     

    다른 언어에서는 함수의 매개변수 갯수에 맞게 함수를 사용해야하는데 위 사진처럼 매개변수를 여러개 입력해도 함수가 실행되고 arguments 컬렉션을 사용하여 모든 매개변수를 받을 수 있다.

    'javascript ES5 정리' 카테고리의 다른 글

    js closer  (0) 2020.09.22
    js 지역변수 전역변수  (0) 2020.09.22
    js ===, !== 연산자  (0) 2020.09.22
    json 파서를 이용한 파싱  (0) 2020.09.22
    js 데이터객체, json 표기법  (0) 2020.09.22
Designed by Tistory.