JavaScript - Basic . 함수 (Function)

 

함수는 입력 - 함수- 출력 의 과정

---

function A ( B ) 

 

 

A는 함수이름 

B는 매개변수 (매개변수는 함수 실행시 입력에 따라 바뀔 수 있는 변수)

 

 

---

함수선언식 

 

function myfunction (input) {

//컴퓨터에게 시킬일

}  

 

ex) function declare(input) {

input = input +1 ;

return input

}

위의 예제는 함수 선언식이며 input 이라는 매개변수를 넣어주었다. 

함수안에 매개변수input 에다가 input + 1 이라는 값을 다시한번 할당해주었고 

input 을 리턴해 주었다. 

 

 

 

---

함수표현식

 

 let myFunction = function ( input ) {

//컴퓨터에게 시킬일 

 } 

 

ex) 
let expression = function(input) {
input = input +1 
return input;
}

위의 예제는 함수 표현식이다. 

expression 이라는 변수에 function 을 할당해 주었다. 

할당된 function 의 매개변수는 input 이며 

function 안에 매개변수 input 에  input + 1 을 다시한번 할당해주었다. 

그리고 input 을 return 한다. 

 

 

---

* 예 * 집까지 가는 시간을 계산하는 함수 

 function timeToGoHome(speed,distance){
     let time = distance / speed ; 
     return time ; 
 } 

timeToGoHome 이라는 변수를 선언하여 함수를 할당하여주었다. 

함수의 매개변수는 speed 와 distance 두개이다. 

함수의 중괄호 안에 time이라는 변수를 선언하였고 distance / speed 표현식을 할당해 주었다. 

그리고 time 을 리턴하였다. 

let myTime   =  timeToGoHome ( 20 , 100) ; 
console.log(myTime); // 5 

 

myTime 이라는 변수를 선언하였고 이 변수안에 timeToGoHome 함수를 할당하여줌. 

매개변수로 20  , 100 을 넣어주면 

console.log(myTime) 의 값은 5가 된다. 

 

 

return 을 하지않으면 값은 undefined 가 된다

 function timeToGoHome(speed,distance){
     let time = distance / speed ; 
 } 

위의 예와 같은 식이지만 리턴을 하지않음 . 

conssole.log(time); 

을 할경우 undefined 값이 나온다. 

 

function functionWithoutReturn() {
  console.log('I may return!');
}
let result = functionWithoutReturn(); // undefined

다른예로 위처럼 console을 하더라도 return하지 않으면 값은 undefined 가 나온다  .