TIL-002 | JavaScript_ 함수(Function)

1. 함수(Function)란?

• 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다.
• 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다.

2. 함수의 정의와 호출

• 함수의 정의는 function 키워드로 시작 되며, 아래의 예시와 같이 함수의 이름, parameter(매개변수), 실행문 으로 구성되어 있다.
• 정의된 함수는 호출되어야 실행되며, argument(인수)로 전달된 값이 함수의 parameter(매개변수)에 대입되어 함수가 실행된다.

function 함수이름 (parameter) {
    실행하고자 하는 실행문
} // 함수의 정의

함수이름(argument); // 함수의 호출

<예시>

function addNum (a, b) {
    return a + b
} // 함수의 정의

addNum(1, 2); // 함수의 호출

3. return이 있는 함수

• return을 통해 함수에서 실행된 결과를 전달 받을 수 있다.
• 배열이나 객체를 포함한 모든 타입의 값을 반환할 수 있다.

function sayHi () {
  let friend = 'Chankyu Lee'
  console.log('Hi! ' + friend)
}

sayHi() // 함수 내에 console.log가 포함되었기 때문에 다음과 같이 호출하여도 콘솔창 출력

function sayHi2 () {
  let friend = 'Chankyu Lee'
  return 'Return ' + friend
}

sayHi2()  // 함수안에 console.log가 없기 때문에 호출해도 콘솔창에 출력되지 않음.
console.log(sayHi2()) // 이와같이 console.log안에 집어넣고 호출해야 값이 보인다. 

// 또는, 

let myFriend = sayHi2() //변수에 output 할당 후,
console.log(myFriend) // 콘솔창에 출력된다.

- return : 함수의 output 반환하는 결과물, 변수에 할당 가능
- console.log : 단순히 화면에 출력, 변수에 할당 불가능

4. Input이 있는 함수

• 함수 정의시 input 자리에 parameter를 대입하여 정의 한다.
  - 하나의 함수에 다양한 argument(인수) 대입을 통해 각기 다른 output 생산이 가능해진다.
  - parameter 이름의 함수 내부 작성시, 똑같이 작성되도록 주의한다.

function sayHi3 (name){
  return 'Hello, ' + name
}   //input(name) --> parameter

let greeting = sayHi3('Chankyu') // 'Chankyu' --> argument
console.log(greeting)

function addNumbers (num1, num2) {
  let result = num1 + num2
  return result
}

let addedNumber = addNumbers(3, 5)
console.log(addedNumber)

--> 이 경우 num1, num2 와 같은 변수는 함수 내에서만 사용 가능하다.
함수 외부에서 console.log(num1) 과 같이 입력하면 정의되지않은 변수라고 출력 된다.