[JavaScript] 함수를 선언식, 표현식, 화살표로 만들어보기

함수명은 CamelCase로! (시작은 소문자!)

선언식 표현

function 함수명(매개변수1, 매개변수2, ...) {
    함수가 호출되었을 때 실행하고자 하는 실행문;
    return 함수 밖으로 내보내고 싶은 값;
}

표현식

let method = function (매개변수1, 매개변수2, ...) {
    함수가 호출되었을 때 실행하고자 하는 실행문;
    return 함수 밖으로 내보내고 싶은 값;
}    

화살표 Arrow

• 표현식으로 만드는 익명함수에서 사용

let arrow = function() {
    console.log('arrow function');
};

arrow = () => {console.log('arrow function');}
arrow();

• 활용해보기

// 직접 해보기 : sum, minus 함수를 만들어보기
sum = (a,b) => {return a+b;}
sum2 = (a,b) => a+b;
console.log(sum(1,2));
console.log(sum2(1,5));
minus = (a,b) => {return a-b;}
console.log(minus(1,2));

함수 유형 예시

• 입력값은 있지만 출력값은 없는 경우

// 함수 선언 (정의)
function add (x, y) {
    console.log(x+y);
}
// 함수 호출 (사용)
add(); // NaN 
add(1, 2); // 3

• 입력값도 출력값도 없는 경우

function print() {
    console.log("매개변수가 없는 함수");
}
print();

• 입력값과 출력값이 있는 경우

function add2(x, y) {
    return x + y;
}
let num = add2(1+2); // num = 3
console.log(num); // 3 출력

• 입력값은 없지만 출력값은 있는 경우

function print2() {
    return "매개변수가 없는 함수";
}
let s = print2();
console.log(s);

• 표현식 사용

let method = function() {
    console.log("표현식");
};
method();

• 매개변수가 맞지 않는 경우

function f(a,b,c) {
    console.log(a,b,c);
}
f(1,2); // 1 2 undefined
f(1,2,3,4); // 1 2 3