언어/JS

함수(function)의 기초

paice 2023. 5. 9. 02:20
  • 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있음
  • 한번에 한작업에 집중
  • 읽기 쉽고 어떤 동작인지 알 수 있게 네이밍
function sayHello(name){
    console.log(`Hello, ${name}`);
}

sayHello('Mike');

// function == 함수
// sayHello == 함수명
// name == 매개변수
  • 매개변수는 쉼표로 구분하여 여러 개 받을 수 있음
  • 함수 안에서 선언한 변수는 함수 내에서만 사용 가능
  • 전역 변수 = 어디서나 접근 가능한 변수 (global variable)
  • 지역 변수 = 함수 내부에서만 접근 가능 (local variable)
  • 함수 내부에서 전역 변수와 동일한 이름으로 변수 선언 가능 ⇒ 서로 간섭 x
function sayHello(name){
    let newName = name || 'friend';
    let msg = `Hello, ${newName}`
    console.log(msg)
}
sayHello();
sayHello('jane');
// 매개변수가 없으면 friend 반환

or

function sayHello(name = 'friend'){
    let msg = `Hello, ${name}`
    ...
//name의 default 값을 friend로 설정
  • return 문은 종료 목적으로도 사용