본문 바로가기
Coding/Javascript

Javascript - 함수(function)

by z쿳쿳z 2020. 5. 13.
728x90
반응형

함수

 -로직을 작성 후, 필요할 때 마다 가져다 쓸 수 있는 기능이다.

 -형식

  *function 함수명(매개변수){

            코드

         return 반환 값

    }

 - 함수는 필요할 때 마다 재사용이 가능 하기 때문에 코드의 재사용성을 높여준다.

 - 함수를 호출은 함수명()를 해주면 된다.( 함수명 + 소괄호 ()가 있으면 실행이 된다.)(인자가 생략 할 수 있다.(매개변수가 없다면))

 - 매개변수(parameter)는 인자(argument)를 넣는 변수이다.(아래 코드에서 parameter는 num이다.)

 - 인자(argument)는 매개변수의 값이다.(아래 코드에서 argument는 4이다.)

 - return은 함수를 실행 시킨 결과 값을 반환하는 것이다. 동시에 함수를 종료시킨다.

 - 함수는 함수라는 형태를 가지고 있지만, javascript에서는 함수를 객체로 사용할 수 있기 때문에 강력한 힘을 발휘!

함수를 정의하는 다른 방법

  *let 함수명 = function (){

                                       코드

                                 return 

                              }

 - 위의 코드와 동일한 함수이다.

 

 - 매개변수를 순서대로 2개 이상 선언을 할 수 있다.

 - 인자는 주어진 순서대로 입력이 된다.

 - num1에 2 , num2에 3이 입력된 것을 확인 할 수 있다.

 (추가내용)

 - 매개변수와 인자 개수가 맞지 않으면, 활용된 매개변수만 출력한다.

 - fun1 함수는 코드에서 first만 사용 했기 때문에, hello만 출력한다.

 - fun2 함수는 코드에서 second만 사용 했기 때문에, world만 출력한다.

 - fun2 함수에서 매개변수 second만 사용 했기 때문에, 함수 호출 시 1개의 인자만 호출 하면 undefined가 출력된다. 

 

#javascript#생활코딩#CCL라이선BY#codestates#function

728x90
반응형

'Coding > Javascript' 카테고리의 다른 글

Javascript - 배열 메소드(method)(2)  (1) 2020.05.15
Javascript - 배열 메소드(method)(1)  (1) 2020.05.14
Javascript - 객체(Object)  (1) 2020.05.13
Javascript - 배열(array)  (1) 2020.05.13