[Javascript] 자바스크립트 #2 함수 선언 방법 (Declaration)

함수 사용 과정

 

1.  함수 선언(Declaration)

 

- 함수 버튼 제작

- function, return 함수 사용

 

 

2. 함수 호출 (call, invocation)

 

- 인자를 입력하여 함수 버튼 사용

- 매개변수 (parameter) : 함수 선언시 소괄호 안에 변수로 적어줌

- 전달인자 (argument) : 함수 호출시 매개변수에 할당된 값. 소괄호 안에 입력해주는 값

 

 

3. 함수 사용 후 피드백 (Evaluation of Express)

 

 

---

함수 선언 방법 (Declaration)

1. 함수 선언식

 

1) 함수 수식에 매개변수만 활용되는 경우

 

<Code>

function 함수명 (매개변수) {            → 선언하고자 하는 함수명을 원하는대로 입력

매개변수 이용한 수식

return 매개변수                               → return을 사용하지 않으면 원하는 함수값 출력 불가능

}

함수 선언	호출	결과
function addOne(parameter1) {   parameter1 = parameter1 + 1;   return parameter1;  }	addOne(1) addOne(2)	2 3

 

2) 함수 수식에 매개변수 외 추가로 변수가 선언되는 경우 (let 함수 사용)

 

<Code>

function 함수명 (매개변수) {            

let 변수명

변수와 매개변수 활용한 수식

return 변수명                             

}

함수 선언	호출	결과
function getDistance (time, velocity) {    let distance; distance = time * velocity; return distance; }	getDistance (2, 4) getDistance (5, 10)	8 50

 

2. 함수 표현식

 

함수 선언	호출	결과
let getDistance = function (time, velocity) {    let distance; distance = time * velocity; return distance; }	getDistance (2, 4) getDistance (5, 10)	8 50

 

3. 화살표 함수

 

함수 선언	호출	결과
let getDistance = (time, velocity) => {    let distance; distance = time * velocity; return distance; }	getDistance (2, 4) getDistance (5, 10)	8 50

 

- 만약 함수 본문에 return문만 있으면 return과 중괄호{} 생략 가능

 

함수 선언	호출	결과
let getDistance = (time, velocity) =>  = time * velocity;	getDistance (2, 4) getDistance (5, 10)	8 50