함수
-로직을 작성 후, 필요할 때 마다 가져다 쓸 수 있는 기능이다.
-형식
*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
'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 |