javascript #2 함수

📝오늘 배운 것

💬 What is function?

코드와 변수를 저장하고 있는 기계이다.
반복적으로 실행되는 일이 필요한 경우에
함수로 만들 수 있다.

console.log(3*1)
console.log(3*2)
console.log(3*3)
console.log(3*4)
console.log(3*5)
console.log(3*6)
console.log(3*7)
console.log(3*8)
console.log(3*9)

위와 같은 코드를 함수로 표현한다면

function mulTablePrinter(num){
console.log(num*1);
console.log(num*2);
console.log(num*3);
console.log(num*4);
console.log(num*5);
console.log(num*6);
console.log(num*7);
console.log(num*8);
console.log(num*9);
}

💬 What does it mean?

함수는 코드의 묶음, 즐겨찾기 버튼이다
따라서 함수는 기능의 단위라고 볼 수 있다
구체적인 입력값과 출력값을 가질 수 있고(mapping)
호출 후에는 반드시 돌아온다(return) (-->함수 내부에서 return을 하지 않은 경우, 출력값이 undefined)

💬 How to use?

1. 버튼 제작(함수의 선언)--> 여기서 param1, param2를 '매개변수'라고 하고
   function cal(param1, param2){
   console.log(param1+param2);
   return param1*10;
   }

2. 버튼 사용(함수의 호출) --> 10, 20을 '전달인자'라고 한다.
   cal(10, 20);

💬 Evaluation of expressions

let result = cal(10, 20);

function cal(param1, param2){
console.log(param1+param2);
return param1*19;
}

-->

function cal(10, 20){
 console.log(10+20);
 return 10*10;
}

💬 함수의 선언 방법(to be added)

함수 선언식 vs 함수 표현식 vs 화살표 함수

1. 함수 선언식

// 함수 선언
function hello (name) {
    console.log(`Hello, ${name}!`);
}

// 함수 실행
hello('Seonkyu');    // Output: Hello, Seonkyu!

2. 함수 표현식

// 함수 표현식
const hello = function (name = 'stranger') {
    console.log(`Hello, ${name}!`);
}

함수 표현식은 변수처럼 다뤄지기 때문에 코드 내에서 선언한 이후에만 함수를 호출할 수 있습니다. 이를 '호이스팅' 되지 않는다고 합니다. 반면 함수 선언식으로 함수를 만든 경우 함수의 위치와 상관없이 어디서든 호출 할 수 있습니다.

3. 화살표 함수

const hello = (name) => {
    console.log(`Hello, ${name}!`);
}

🔥 더 자세한 내용은 아래 내용 참고
https://gonna-be.tistory.com/17
https://velog.io/@bigbrothershin/%EC%98%A4%EB%8A%98-%EA%B3%B5%EB%B6%80%ED%95%A0-%EA%B2%832020.1.30