js 7. function-1

function (함수)

함수는 java script를 사용하면서  많이 활용 된다.

 

함수 동작 3단계

 

1.     Input 받기

2.     기능 수행

3.     Output 반환

 

함수가 동작하기 위해서는 

함수가 선언(정의)된 후 실행(호출)이 필요하다.

 

함수 선언(정의)

function sayHello ( ) {

console.log(‘Hello! Coder!’)

}

함수 이름 : sayHello

input : ( ) 

함수 기능 : console.log(‘Hello! Coder!’)

함수 실행(호출)

sayHello()

->Hello! Coder!

 

*함수 안에서도 변수 선언이 가능하다.

 

ex.

function sayHi(){

             let friend = "Coder"

             console.log("Hi! ," + friend)

                         }

**위 코드는 기능만 수행하는 함수를 나타낸다.

 

*output을 반환하는 함수

function sayHi2(){

   let friend = "Coder"

    return 'Return'+friend

}

sayHi2()

->

결과값이 눈에 보이진 않지만

함수가 실행되고 결과값이 반환된 상태이다.

 

결과값을 보고 싶다면 콘솔로 찍어야한다.

console.log(sayHi2())

 

결과값을 볼 수 없는데 왜  return을 사용 할까?

 

콘솔값과 다르게 리턴값을 변수에 할당할 수 있기 때문이다.

ex.

let myFriend = sayHi2()

console.log(myFriend) // 결과값 : Coder

----- 

function sayHi3(){

   let friend = "Coder"

    console.log(friend)

}

let myFriend = sayHi3()

console.log(myFriend) // 결과값 : undefined

 

return vs console.log

return

함수 output을 반환하는 결과물 존재

리턴값을 변수에 할당 가능

 

console.log

단순히 화면에 값을 출력하고

output 생산 불가능

변수에 값 할당 불가능