📌 함수(function) : 기능

input, output을 가진 단위.
기능을 단위로 묶은 뒤 재활용을 합니다.

input - 매개변수(매개체가 되는 변수. 함수의 input부분에 들어갑니다)
function (input부분)

output - 반환값(return문 뒤에 오는 값)
return 반환값

◼ 함수 선언문

function add(매개변수) {
    // 함수 내부에서 실행할 로직
}

function add(x, y) {
    return x + y;
}

◼ 함수 표현식

let add2 = function (매개변수) {
    // 함수 내부에서 실행할 로직
};

let add2 = function (x, y) {
    return x + y;
};

◼ 함수 호출

함수를 호출한다(= 사용한다)
함수명(입력값);

add(2, 3);
console.log(add(2, 3)); // 5

let functionResult = add(3, 4);
console.log(functionResult); // 7

---

📌 화살표함수

ES6 신 문법

◼ 기본 화살표 함수

// 일반 함수
function add(x, y) {
    return x + y;
}

// 기본 화살표 함수
let arrowFunc01 = (x, y) => {
    return x + y;
};

◼ 한 줄 화살표 함수

기본 화살표 함수에서 중괄호({})안의 문법이 한 줄이고 return문 일때, 한 줄로 작성이 가능합니다.

let arrowFunc02 = (x, y) => x + y;

---

📌 스코프(scope) : 범위

변수의 영향 범위

◼ 전역변수

전체에 영향을 끼칩니다.

let x = 10;

function printX() {
    console.log(x);
}

console.log(x); // 10
printX(); // 10

◼ 지역변수

함수 내에서만 영향을 끼칩니다.

function printX() {
    let x = 10;
    console.log(x);
}

console.log(x); // x is not defined 오류
printX(); // 10