[JS] 함수

함수    함수이름 매개변수
function sayHello(name) {
       console.log(`hello, ${name}`);
}

함수 호출방법
sayHello("Mike");


매개변수는 없어도되고 2개 이상일 시 쉼표로 구분

function showError() {
    alert("에러가 발생했습니다. 다시 시도해주세요.");
}

showError();

매개변수가 있지만 호출 시 매개변수가 없을 때 처리 방법

function sayHello(name) {
    let msg = `Hello`;
    if(name){
        msg += `, ${name}`;
    }
    console.log(msg);
}

sayHello();

msg는 함수 내에서만 사용가능한 지역변수이다.
만약 함수 밖에서도 사용하고 싶다면 밖으로 빼줘야한다.

let msg = `Hello`;

function sayHello(name) {
    if(name){
        msg += `, ${name}`;
    }
    console.log(msg);
}

sayHello();

전역변수와 지역변수

let msg = "welcome"

function sayHello(name) {
    let msg = "hello"
    console.log(msg + ' ' + name);
}

sayHello("Mike");

이런식으로 전역변수와 이름을 동일하게 작성해도 영향을 받지 않음

let name = "Mike"

function sayHello(name) {
    console.log(name);
}

sayHello();
sayHello("Jane");

이런식으로 입력시 첫번째 호출에는 undefined 두번째 호출에서는 Jane이 나오게 됨

함수 default값 설정

function sayHello(name) {
    let newName = name || 'friend';
    let msg = `Hello, ${newName}`;
    console.log(msg);
}

sayHello();
sayHello('Jane');

function sayHello(name = 'friend) {
    let msg = `Hello, ${name}`;
    console.log(msg);
}

sayHello();
sayHello('Jane');

이런식으로 디폴트값을 설정해주는 방법은 다양하다

return으로 값 반환

function add(num1, num2) {
    return num1 + num2;
}

const result = add(2,3);
console.log(result);

함수 내부에 return작성 시 해당 값을 반환함